YOOtheme beztabulkový výstup

Napsáno 25.01.2011 pro YOOtheme šablony a označeno jako CSS, YOOtheme

a jak doplnit scházející CSS deklarace

YOOtheme

Tedy řeknu vám, dámy a pánové, ten beztabulkový výstup Joomla! v podání YOOtheme šablon je jistě vychytaná záležitost, ale přesto jsou okamžiky, kdy si člověk drží havu v dlaních a úpí "kde jen mohli soudruzi z NSR udělat chybu?". Takovou typickou situací je třeba okamžik, kdy nainstalujete vaše ideální rozšíření a při pohledu na jeho zobrazení ve veřejné části vám vstanou hrůzovu vlasy na hlavě, páč je to něco úplně jiného, než jste čekali a než potřebujete.

Návod je určen pro šablony na frameworku Warp5 a Joomla! 1.5 - u novějších šablon na Warp6 je to jinak.

Fór je v tom, že beztabulkový výstup šablony má sice plně pod kontrolou všechny součásti výchozí Joomla, ale nemá vůbec žádnou podporu pro rozšíření třetích stran, používající pro své zobrazení tabulkový výstup, stylovaný pomocí běžných tříd sectiontableheader a sectiontableentry výchozích šablon Joomla!.

Nicméně řešení problému je prosté - otevřte si soubor teplates/yoo_vasesablona/css/custom.css - ten byste ostatně již měli znát z mých předchozích textů o vlastních stylech - a doplňte si do něj následující definice

/* JOOMLA TABLE*/

td, div {
    font-size: 100%;
}

td.sectiontableheader {
    border-bottom: 1px solid #E0E0E1;
    padding: 9px;
}

td.sectiontableheader img {
    margin-left: 5px;
}

tr.sectiontableentry1 td {
    border-bottom: 1px solid #E0E0E1;
    padding: 9px;
    font-size: 11px;
    background: none repeat scroll 0 0 #F0F1F2;
}

tr.sectiontableentry2 td {
    border-bottom: 1px solid #E0E0E1;
    padding: 9px;
    font-size: 11px;
    background: none repeat scroll 0 0 #FEFEFF;
}

td input#search{
    position: static;
    z-index: 12;
}

Upozorňuji ovšem, že uvedené stylování odpovídá šabloně YOO Expo, vy si jej musíte nadefinovat poodle vámi používané šablony. Pokud nevíte jak, očíhněte si potřebný styl pomocí Firebugu na YOOtheme demu vaší šablony, ideálně na stránce Joomla >> Category List v seznamu článků.

Komentáře (0)

Napsat komentář

Pro přidání komentáře se prosím přihlaste.