06.07.2011, 16:04
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:
CSS:
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:
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">
<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 />
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;
}