wersja skryptu MyBB:1.8.3
adres forum: KLIK
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Potrzebuje kodu CSS na łagodne przesunięcie loga w prawą stronę o ok. 50px po najechaniu na nie kursorem. Jeżeli ktoś potrafi napisać taki kod to poprosiłbym
Takie przejście jest w logo na tej stronie:
KLIK
podaj zawartość swojego headera, a do global.css dodaj:
Kod:
.logo_img:hover {
margin-left: 50px;
transition: all 1.1s ease-in-out 0.1s;
}
dodawałem do:
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" id="logo_img" /></a>
i nie działa. Potem zrobilem:
Kod:
.logo:hover {
margin-left: 50px;
transition: all 1.1s ease-in-out 0.1s;
}
i też nic.
mój header:
Kod:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" id="logo_img" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
Po to kazałem Ci dać swój header. logo_img trzeba dodać najlepiej do atrybutu
a i nie jest to identyfikator, tylko klasa. Tak powinno być okej:
Kod:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php" class="logo_img"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
jest Okej ale przydałby się też łagodny powrót na swoje miejsce po zjechaniu z niego
jest Okej ale przydałby się też łagodny powrót na swoje miejsce po zjechaniu z niego
Lepiej
Kod:
transition: all 1.1s ease-in-out 0.1s;
dodać do klasy .logo_img, żeby powrót też był 'powolny'.
Kod:
.logo_img {
transition: all 1.1s ease-in-out 0.1s;
}
.logo_img:hover {
margin-left: 50px;
}