Webboard

Pełna wersja: Jak zrobić poziome menu na forum?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6
adres forum:overlife.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Robie menu z hoverem wg. tego poradnika http://grafifor.pl/temat-Hover_czyli_zmi...kursora_94

Wszystko działa lecz nie wiem jak postawić następny obrazek obok.jak dodaje to pojawia się niżej.

[Obrazek: beztytszs.jpg]
Kod całego header:
Kod PHP:
<div class="header_background">
<
div class="welcome_buttons_background">
</
div>
</
div>



<
script type="text/javascript" src="jscripts/jquery.js"></script>

<
div id="menu_background">

    <
class="astr" href="index.php"></a
    <
class="astr1" href="index.php"></a


</
div>




<
div id="container">

<
div class="buttons_buying_slot_level">
<
a href="http://google.pl"><img src="images/overlife/button_buying_slot.png" alt="Kup slot" title="Kup slot" /></a>
<
a href="http://mybb.com"><img src="images/overlife/button_buying_level.png" alt="Kup level" title="Kup level" /></a>
</
div>

<
div class="render_ct"></div>

    {
$welcomeblock}    

            <
div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}/></a></div>

            <
hr class="hidden" />

                


        <
hr class="hidden" />
        <
br class="clear" />
        <
div id="content">
            {
$pm_notice}
            {
$bannedwarning}
            {
$bbclosedwarning}
            {
$unreadreports}
            {
$pending_joinrequests}
            <
navigation>
            <
br /> 
CSS:
Kod:
a.astr {
background: url(images/overlife/home_page_text.png) no-repeat;
overflow:hidden;
width: 120px;
display:block;
height:45px;

white-space: nowrap;

}
a.astr:hover {
    
background: url(images/overlife/glz.png) no-repeat;
overflow:hidden;
width: 120px;
display:block;

white-space: nowrap;

}
a.astr1 {
background: url(images/overlife/home_page_text.png) no-repeat;
overflow:hidden;
width: 240px;
display:block;
height:45px;

white-space: nowrap; }

a.astr1:hover {
    
background: url(images/overlife/glz.png) no-repeat;
overflow:hidden;
width: 240px;
display:block;

white-space: nowrap;

}
Na podanej stronie nie ma tego menu... -,-'
bo styl nie jest jako główny.
Pomożecie wreście wreszcie?
Musisz mieć jeden obrazek z dwoma przyciskami (jeden pod drugim).


Pozdrawiam!
WTF.. co to ma do siebie że chce zrobić menu poziome a nie pionowe.
Jak chce zrobić obok siebie to zamiast pokazywac sie jak chce pokazuja sie pod sobą.
To nie jest kod do menu poziomego, ani pionowego. To jest kod do "aktywnego przycisku".
Musisz mieć wszędzie wpisaną taką samą wielkość brakuje ci trochę kodu, aby to działało.
Kod:
a.xxxx:hover {
background-position: 0px -24px;
}

Wielkość zależy od wielkości buttona.


Pozdrawiam!
Dałem wam cały kod.Mogli byście mnie poprawić bo ja nie ogaraniam.
Kod:
<a class="przyklad" href="http://Grafifor.pl"></a>

A w CSS, dodajemy:
Kod:
a.przyklad {
background: url(obrazek.png) no-repeat;
display:block;
height:35px;
overflow:hidden;
width: 120px;
}

a.przyklad:hover {
background-position: 0px -35px;
}

Wszystko jest na stronie, którą podałeś.


Pozdrawiam!
Wy nie rozumiecie..że ja chce zrobić zwykle najzwyklejsze menu które jest po kolei przyciski...a nie jeden pod drugim..i w tym cała filozofia.
Poszukaj na forum, jest w 100%.
https://webboard.pl/search.php?action=re...order=desc


Pozdrawiam!
http://cssmenumaker.com/

Do wyboru, do koloru!
http://grafifor.pl/temat-Menu_poziome_Ho...ursora_316

Tu specjalnie dla ciebie napisałem poradnik ;)