Webboard

Pełna wersja: kod menu obrotowe
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB: 1.6.7
adres forum: kaminski123.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Poszukuje kodu na menu obrotowe. :szczerbol:
Jakie menu obrotowe ? ^^
Zapodaj jakieś przykłady z innych stron.
grafifor.pl
a konkretnie które to menu ?:D
Które chcesz ;]
Niestety nie ma takiego menu jakiego poszukuje.
Skoro nigdzie nie ma takiego menu, to musisz sobie sam zakodować :)
Wpisz sobie w google: "best jquery menu list" i szukaj, szukaj aż znajdziesz :)
http://www.tripwiremagazine.com/2012/03/...ugins.html
Też zaciekawił mnie ten temat więc zacznę , ale pomożecie mi dostosowania do mybb

o to tutorial Animowane Menu w jQuery

Demo Demo Animowane Menu w jQuery

ACP/Style i szablony/Szablony/ wybieramy szablon/Nagłówek - Szablony/header



no i mamy swoją nawigacje zmieniamy

Kod:
<ul id=”topnav”>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>O Nas</a></li>
<li><a href=”#”>Portfolio</a></li>
<li><a href=”#”>Cennik</a></li>
<li><a href=”#”>Projekty</a></li>
<li><a href=”#”>Kontakt</a></li>
</ul>


ACP/Style i szablony/Style/wybieramy szablon/global.css/Edytuj CSS: tryb zaawansowany

i wklejamy na końcu

Kod:
ul#topnav {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 1.1em;
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px;
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #fff;
background: url(a_bg.gif) repeat-x;
text-transform: uppercase;
clear: both;
width: 100%;
height: 20px;
line-height: 20px;
}
ul#topnav a{
color: #555;
background-position: left bottom;
}
ul#topnav span{
background-position: left top;
}

i teraz nie wiem gdzie wkleić

jQuery?

Kod:
<script type=”text/javascript”>
$(document).ready(function() {
$(„#topnav li”).prepend(„<span></span>”);
$(„#topnav li”).each(function() {
var linkText = $(this).find(„a”).html();
$(this).find(„span”).show().html(linkText);
});
$(„#topnav li”).hover(function() { //On hover…
$(this).find(„span”).stop().animate({
marginTop: „-40″ //Find the span tag and move it up 40 pixels
}, 250);
} , function() { //On hover out…
$(this).find(„span”).stop().animate({
marginTop: „0″
}, 250);
});
});
</script>

i ?
Wywołanie powinno się znaleźć pomiędzy tagami <HEAD> Twojej strony:

Kod:
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js”></script>
No a menu jak tutaj albo jakieś inne ciekawe menu jakie znacie bo modyfikuje styl a chciałbym wgrać fajne menu. ;)
gdzie wkleić to jQuery?
(18.08.2012, 10:07)rtsmistrzpolski napisał(a): [ -> ]gdzie wkleić to jQuery?

ACP -> Style i szablony -> Szablony -> (twój styl) Templates -> Niezgrupowane szablony -> headerinclude
nie działa mam wypunktowane menu i tyle
Stron: 1 2