Přidal Rendi dne 12-12-2010 09:59
#1
Tak že za prvé nahrajte tohle menu do každého pozadí ve vaší Themes
Code
Odkazy na webu mohou vidět pouze registrovaní uživatelé
Otevřete si theme.php ve vašem vzhledu
hledejte
Code
global $locale, $main_style, $settings, $userdata;
hned pod vložte menu funkce
Code
require_once THEME."menu/functions.php";
Níže hledejte
Code
echo "<td class='sub-header'>".showsublinks(" ".THEME_BULLET." ", "white")."</td>\n";
změnte tak aby před echo bylo //
Code
//echo "<td class='sub-header'>".showsublinks(" ".THEME_BULLET." ", "white")."</td>\n";
Hned pod vložte
Code
echo " <td class='sub-header'>";
//Super Fish Menu
navigation();
echo "<td align='left'></td>\n";
Uložit
Otevřete si
styles.css
hned nahoru podotýkam nahoru nad.
Code
/* Comment element properties */
Vlož tohle!
Code
.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 {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color:#e9bc2b;text-decoration: none;
outline: 0;
}
/*** 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á
Upravil/a Rendi dne 28-12-2010 19:13