"redesign" menu

capricorn7 · Napísal **capricorn7**: 13.04.2012 18:07

Caute potreboval by som pomoct s redizajnom menu:

Serbia - je polozka v menu
Slovakia - je uz zobrazena stranka (potreboval by som aby sa polozka v menu podobala na polozku Slovenia na ktorej je kurzor misy...)

toto by mal byt asi potrebny kod na upravu:

Kód:

#sidebar ul.sidemenu {margin:0;}
#sidebar ul.sidemenu li{display:inline;padding:0;margin:0;}
#sidebar ul.sidemenu li a{display:block;padding:7px 5px 6px 10px;font-size:1.2em; font-weight:400;text-decoration:none;border-bottom:1px solid #ddd;} 
#sidebar ul.sidemenu li a:hover{background-color:#eee;color:#333;border-bottom:1px solid #ccc;}

popripade cela cast sidebar:

Kód:

#sidebar{background:transparent url('images/sidebar-top.jpg') no-repeat scroll top right;float:left;width:25%;}
#sidebar .sidebarbox {margin:0 0 0px 0;background-color:#fff; /*border:1px solid #ccc;*/ border-right:1px solid #ccc;}
#sidebar p{margin:10px 0 10px 10px;} 
#sidebar ul{list-style:none;margin:10px 0 10px 10px;padding:0;}
#sidebar ul li{margin:0 0 5px 0;}
#sidebar ul li a{color:#467aa7;font-weight:400;}

#sidebar ul.sidemenu {margin:0;}
#sidebar ul.sidemenu li{display:inline;padding:0;margin:0;}
#sidebar ul.sidemenu li a{display:block;padding:7px 5px 6px 10px;font-size:1.2em; font-weight:400;text-decoration:none;border-bottom:1px solid #ddd;} 
#sidebar ul.sidemenu li a:hover{background-color:#eee;color:#333;border-bottom:1px solid #ccc;}

#sidebar ul.sidemenu ul{margin:0;padding:0;font-size:0.9em;border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul li a{padding:5px 5px 5px 25px;border:0;font-weight:400;}
#sidebar ul.sidemenu ul li a:hover{border:0;}
#sidebar ul li a:hover{color:#333;}
#sidebar h2{background-color:#467aa7;color:#fff;font-size:1.5em;margin:0 0 0 0;padding:10px;}
#sidebar h3{font-size:1.4em; padding:10px 10px 0 10px;}

F3RY · Napísal **F3RY**: 13.04.2012 18:59

Problem bude v hover. Taketo malickosti si rychlo zistis s pluginom firebug

capricorn7 · Napísal autor témy **capricorn7**: 13.04.2012 19:16

no nerozumiem, siroky pojem ze problem je v hover...

shaggy · Napísal **shaggy**: 13.04.2012 19:52

Citácia:

na ktorej je kurzor misy

Aká misa? Som myslel, že misa je nádoba, nevedel som, že má kurzor.

Citácia:

potreboval by som aby sa polozka v menu podobala na polozku

Jednoduché riešenie - zober štýly s hover a použi ich pre tú položku. To si predpokladám, neskúšal, však?

capricorn7 · Napísal autor témy **capricorn7**: 13.04.2012 20:38

si dnes zjedol vtipnu kasu...

No nie som az taka lama, skusal som to ale rozhasilo mi to cele takto:
"redesign" menu

shaggy · Napísal **shaggy**: 14.04.2012 3:00

Nie, nejedol som vtipnú kašu - chceš aby sa to podobalo na hover, preto logicky musíš skopírovať tie štýly. Nechápem čo viac potrebuješ.
Mimochodom - základy CSS určite poznáš a preto ti je jasné, že nestačí skopírovať iba ten zápis pre hover, ale aj to, čo deklaruješ pre celý odkaz (keďže zápis pre hover ti len prepíše niektoré vlastnosti), však?

"redesign" menu

Podobné témy