.sf-menu li li {
background-color: #333333; //Zde barva menu
}
.sf-menu li li li {
background-color: #333333; //Zde barva menu
}
a {
color: #333333; //Zde barva menu
text-decoration: none;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.3em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
}
.sf-menu a {
padding: .75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #e9bc2b;text-decoration: none;
}
.sf-menu li {
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url(images/shadow.png) no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
.sub-header {height:28px}
Nahrejte tento obrázek do vašeho pozadí do složky images
Hotovo menu je vloženo v theme
Pokračujeme v administrace odkazy na stránce
Takže název příklad Moje menu kde bude několik odkazů vložte noví odkaz pouze podhlavička
Název odkazu: vložte %submenu% Moje menu
URL odkazu: vložte #
Dejte uložit
Pod tohle vkládejte klasickým spůsobem odkazy podotýkám pouze podhlavička označíte pouze podhlavička a uložíte .
Ukončení menu ukončíte u posledního odkazu
Přiklad:
Název odkazu: %endmenu% Zapomenuté heslo
URL odkazu: lostpassword.php
Tím se vám menu zakončí a pokud chcete další kategoriji odkazů
zase stejným spůsobem uděláte to samé
A jak uděláte přiklad menu uroven dva
Vkládáte odkazy stejným spůsobem zmenší změnou
Název odkazu: vložte %submenu% Nazev menu
URL odkazu: vložte #
Pod vkládej odkazy pouze podhlavičky link
link
link
Uroven dva
Název odkazu: vložte %submenu% Název menu
URL odkazu: vložte #
Uložíte
Hned pod zase vkládejte odkazy pouze podhlavička link
link
link
link
To vám udělá šipku v pravo na další sekci menu
Ukončíte to takhle posledním vloženým odkazem
Přiklad
Nazev odkazu: %endmenu% Novinky
URL odkazu: news.php
A ještě jednou zase pro ukončení vložte už jen tohle za % vložte mezeru
Název odkazu: %endmenu% mezera space tlačítkem
URL Odkazu: mezera
Na další kategoriji zase začnete novím sloupečkem menu
Název odkazu:%submenu% Název Menu
URL odkazu: #
pouze podhlavička
link
link
link
link
Název odkazu : %endmenu% Název posledního odkazu
URL Odkazu: přiklad news.php
A tak dál a tak dál
Pokud máte nějaké nejasnosti tady je fangreho img náhled na sub menu pod kategorie podle něj sem to dělal i já
Příspěvek: 326 Založený: 01.01.70 Bydliště: Šumperk na Moravě
Nálada: Sad Jsem pouhý amatér!
Země:
Mobil:
Pohlaví Muž
Browser: Věk: 36
Možná to je nepochopitelné pro mnohé zvás ale je to plně funkční sami to mužete vidět u nás na webu.
Prosím pokud si nevíte rady napřed si přečtěte návod než se začnete ptát.
Pokud ale opravdu nevíte nebo nerozumíte návodu klidně sem napište a já se na to mrknu po případě vám pomůžu.
Registrovaní uživatelé Minulý rok: 0 Včerá: 1 Dnes: 0 V tomto týdnu: 0 V tomto měsíci: 0 V tomto roce: 0 Celkem registrováno: 268 Členové navštívili stránku ... Minulý rok: 0 Včerá: 0 Dnes: 0 V tomto týdnu: 0 V tomto měsíci: 0 V tomto roce: 0 Nejnovější člen: Marteen Hosti online: 0
Svátek má: Rostislav
Shoutbox
Pro přidání zprávy do shoutboxu, musíte být přihlášeni.
Totiž ty jsi Admin nemůžeš se přihlásit přes obyčejný přihlašovací panel. Tam je ověření při přihlašování stejně kvůli spam bootum ne že bych to tam dál schválně.
Návod na menu pod kategorie
Sad
Muž
Code
Přihlašovací Zona
Statistiky
Minulý rok: 0
Svátek má: Rostislav
Články:
