Vytvoření záložek úpravou *.css (vzhled Oxygen)

MartinR · 23.11.2008 03:07:05

MartinR
Moderátor
Nepřítomen

Téma: Vytvoření záložek úpravou *.css (vzhled Oxygen)

Tvorba záložek v Oxygen.css

Zdála se mi poněkud nepřehledná Administrace a vlastně i Profil a Soukromé zprávy co se týče hypertextových odkazů a orientace mezi nimi...

Záložky jsou oblíbeným systémem navigace. :-)
Základním prvkem je aktivní záložka, která opticky splývá s částí stránky. Ostatní záložky (prvky) se stránkou nesplývají, ale tvoří další položky navigace.

Aktuální vzhled 'Oxygen' je (podle mě) moc hezký. Jediné co mu vyčítám je absence záložek, které mnoha uživatelům zjednodušují orientaci na stránkách.

Aby se efekt oušek aktivních záložek vykresloval musí se upravit soubory 'Oxygen.css' a 'Oxygen_cs.css'.
Snad se mi to podařilo odladit pro IE7, Firefox 3.0.4 a Operu 9.62... ostatní prohlížeče jsem nezkoušel.

Zde jsou ke stažení upravené *.css soubory.

Zdravím

Výpis z readme:

Zazálohujte si soubory Oxygen.css a Oxygen_cs.css.
Najdete je v cestě:
\style\Oxygen\Oxygen.css
\style\Oxygen\Oxygen_cs.css

Až budete mít zálohu hotovou, tak do této cesty nahrajte soubory z tohoto
archivu.

Změny oproti originálu:
***********************
Oxygen.css (řádek 56-67):

/* Zvetseni velikosti pisma v BB (code)
-------------------------------------------------------------*/
.brd code {
    font-size: 1.1em;
    }

/* Oprava chyby v zobrazeni podtrzeneho textu pri pouziti BB znacky (u)
-------------------------------------------------------------*/
.bbuline {
    text-decoration: underline; /* oprava podtrzeneho pisma (u)(/u) */
    font-style: normal; /* zruseni vlivu znacky (em) */
    }

Oxygen.css (řádek 471):
.brd .main-menu, .brd .admin-menu {
    border: 0;
    padding: 0.4em 0 0 0.75em; /* Duvod zmeny: Zalozky; Puvodni hodnoty: 0.4em 0 0.2em 0.75em; */
    }

Oxygen_cs.css (řádek 280-309):

/* Zalozky v nabidkach 'Administrace', 'Profil' a 'Soukrome zpravy'
----------------------------------------------------------*/
.brd .admin-menu li.active {
    background: #E4E4EC;
    border-bottom: #F4F4F4 solid 1px;
    }

.brd .main-menu li.active {
    background: #F4F4F4;
    }

.brd .admin-submenu li.active {
    background: #F4F4F4;
    border-bottom: #DFE6ED solid 1px;
    padding: 0.3em 0.6em 0.7em 0.6em;
    }
/* ---- Zalozky konec ---- */

.brd .admin-submenu li.active a {
    text-decoration: none;
    }

.brd .main-menu li.active a {
    color: #1F537B; /* Duvod zmeny: Zalozky; Puvodni hodnota: #fff; */
    }

.brd .admin-menu li.active a {
    color: #1F537B; /* Duvod zmeny: Zalozky; Puvodni hodnota #eef; */
    }

Případně (pokud jste provedli vlestní změny) se dozvíte více porovnáním souborů.