Blog článků - uvodní obrázek jako externí odkaz

18. kvě 2023 00:27 - 18. kvě 2023 00:29 #148318

Odpověď od H13

Admin

lukas hajek napsal:
Ahoj Honzo, download komponenta je urcite svou podstatou nejspravnejsi reseni. Ale obavam se, ze vzhled, ktereho chci dostahnout nebude snadne udelat. Kouokal jsem na Phoca Download Demo a je to vsechno takove vizualne strohe. Posilam nahled - tohle je article blog. Diky moc za napovedu.

Vzhled v podstatě záleží na CSS.

Příklad. Dejme tomu, že máme dokumenty v Phoca Download a Cassiopeia šabloně. Pak to vypadá následovně:

Pokud si trochu pohrajeme s CSS (tohle je pouze příklad):

Code:

.pd-category .row {
    width: 20%;
    display: inline-block;
}

.pd-category .row.pd-row2-bp {
    display: none;
}

.pd-category .row .col-sm-6 {
    width: 100%;
    display: flex;
    align-items: center;
}

.pd-button-box-bt .btn {
    color: green;
    background: none;
    border: none;
    box-shadow: none;
}

.pd-filename a {
    color: black;
    text-decoration: none;
    float: none;
}

#phoca-dl-category-box .pd-document16 {
    background: none !important;
    margin-top: 0.5em;
}

pak výsledek může být následující (teď neřešíme šablonu ale pouze ty boxy uvnitř Phoca Download komponenty).

Samozřejmě vlastní template override by byl vzhledem čistotě kódu lepší. Já do budoucna počítám s tím, že BS převedu na čistej flexbox, pak bude úprava CSS mnohem jednodušší.

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

Poděkovali: lukas hajek

19. kvě 2023 12:07 #148325

Odpověď od lukas hajek