Jak zrobić poziome menu na forum?

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.


Kod całego header:

<div class="header_background">
<div class="welcome_buttons_background">
</div>
</div>



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

<div id="menu_background">

    <a class="astr" href="index.php"></a> 
    <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:

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;

}

Adrian napisał 11.07.2011, 13:05:
Poprawiłem nazwę wątku. Pamiętaj, że tytuł powinien być adekwatny do treści i zawierać krótki opis problemu.

Na podanej stronie nie ma tego menu... -,-'

bo styl nie jest jako główny.

Pomożecie wreście wreszcie?

Adrian napisał 11.07.2011, 13:01:
Polecam ciekawą lekturkę:
Jak szybko otrzymać pomoc na forum?
W szczególności punkt:

Nie podbijaj wątków, nie pytaj 'czy ktoś odpowie?!'
Polski Support MyBB to grupa miłośników skryptu MyBB, którzy oprócz satysfakcji, nic nie otrzymują za udzielaną na forum pomoc. Nie myśl więc, że Twój problem jest najważniejszy, a ktoś ma obowiązek jak najszybciej go rozwiązać. Jeśli ktokolwiek zna jego rozwiązanie, na pewno odpowie i bez ponaglań.

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.

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.

<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