Webboard

Pełna wersja: pomoc - rozwijane menu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.9

na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Mam styl trochę zedytowany pod minecraft, chciałem aby jeden z odnośników w nagłówku, np. kalendarz (potem go chciałem zmienić na poradniki) rozsuwał się na 3 dodatkowe odnośniki w dół. Niestety korzystając z wielu poradników (jestem początkujący) nie udało mi się tego zrobić w poprawny sposób bo zwykle niszczyłem całą tabelę nagłówka.

Jakby ktoś miał czas to proszę o pomoc. Podam kod headera tego stylu w pliku .txt .

Proszę o nie podawanie mi kolejnych linków do poradników/generatorów a także o przeróżne komentarze, które w niczym mi nie pomogą a zabiorą jedynie dodatkowy czas.
Nie podawać stron do poradników i gotowych rozwiązań tylko zrobić to za Ciebie?

CSS z javascriptem to ma być?
tzn. w ten sposób mam napisany cały styl i w ten sposób próbowałem zrobić. Nie podawać bo umiem korzystać z google i już przeszukałem nawet gotowe generatory na amerykańskich stronkach ale to nadal psuło mi tabelę. Tutaj na mybb też szukałem tego i mimo kilku tematów nie udało się.

Jakby ktoś mógł mi to zrobić to bardzo proszę, sam nie dam rady.
[Obrazek: yolo.jpg]

Coś takiego może być?
Właśnie takie coś.
Rozwijane menu:
Kod:
<div id="main_menu">
<!-- Zawartość menu -->
</div>

Link/przycisk do rozwijania (w rel="#main_menu" wpisujesz id pola, które ma się rozwijać):
Kod:
<div id="menu_toggle" class="show_hide" rel="#main_menu"><a href="#">LINK</a></div>

Klasy do global.css (mniej więcej, będzie i tak wymagało dopozycjonowania i ostylowania):
Kod:
#main_menu {
    position: relative;
    top: 15px;
    right: 20px;
    z-index: 100;
    display: none;
}

A ten skrypt dodaj do headerinclude:
Kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="{$mybb->settings['bburl']}/jscripts/hide.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
   jQuery('.show_hide').showHide({            
        speed: 250,  // speed you want the toggle to happen    
        easing: '',  // the animation effect you want. Remove this line if you dont want an effect and if you haven't included jQuery UI
        changeText: 0, // if you dont want the button text to change, set this to 0
        showText: ' ',// the button text to show when a div is closed
        hideText: ' ' // the button text to show when a div is open
                    
    });
});
</script>


Plik z załącznika wrzuć o katalogu jscripts na serwerze FTP
A gdzie to wkleić
Kod:
<div id="menu_toggle" class="show_hide" rel="#main_menu"><a href="#">LINK</a></div>
?
Tam, gdzie chcesz mieć link, który będzie rozwijał menu

P.S. zedytowałem posta wyżej, bo zapomniałem dodać główny plik skryptu
Nidrax bardzo dziękuje za pomoc :D
Nidrax dałbyś ten styl ?