wersja skryptu MyBB: najnowsza
adres forum: http://great-starwars.ugu.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam.
Chciałbym zrobic by na moim logo było menu z przyciskami Portal, Chat jak u was. O tak
Ważne by znajdowało się na logo
Menu nie znajduje się na logo tylko w headerze. Wystarczy, że odpowiednio zmodyfikujesz kod nagłówka w szablonie i gotowe.
Podawałem już kiedyś link do poradnika, wystarczyło przeszukać forum:
http://yaldaram.com/showthread.php?tid=1113&pid=5206
https://webboard.pl/thread-22628.html?pi...8#pid88298
1. znajdź w global css klasy
#menu
#menu ul
#menu li
#menu li a
#menu li a:hover
#menu li.active a, #menu li.active a:hover
#menu li.active
1A. podmień je na poniższe:
Kod:
#menu {
position: absolute;
top: 91px;
right: 0;
padding-left: 41px;
background: url(images/menu_bg_start.png) no-repeat;
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
height: 34px;
background: #016db0 url(images/menu_bg.png) repeat-x;
}
#menu li {
float: left;
margin-top: 4px;
margin-right: 10px;
}
#menu li a {
padding: 4px 10px 3px 10px;
color: #fff;
text-decoration: none;
display: block;
border-bottom: 0;
}
#menu li a:hover {
color: #ffffff;
border-bottom: 3px solid #ffffff;
}
#menu li.active a, #menu li.active a:hover {
background: url(images/menu_bg_active.png) no-repeat top left;
color: #000;
padding: 4px 10px 4px 13px;
border-bottom: 2px solid #ffffff;
}
#menu li.active {
background: url(images/menu_bg_active2.png) no-repeat top right;
padding-right: 4px;
position: relative;
bottom: -1px;
}
2. skopiuj grafiki na ftp
3. szablon w header podmień na ten:
Kod:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
<hr class="hidden" />
<div id="panel">
{$welcomeblock}
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
{$board_messages}
<br />
Działa? W ramach podziękowania zalinkuj w stopce do
http://samsung-mobile.com.pl
Zrobiłem to według tego poradnika, ale gdy wyświetlam stronę główną to panel jest nad logiem i wygląda to brzydko.
Pokaż co masz w headerze.
Pozdrawiam!
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
<hr class="hidden" />
<div id="panel">
{$welcomeblock}
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
{$board_messages}
<br />
<div id="menu">
<ul>
<li class="default"><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/memberlist.php">Memberlist</a></li>
<li class="active"><a href="{$mybb->settings['bburl']}/index.php">Forums</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
</ul>
</div><br />
-------------------------------------
Tekst pogrubiony to kod menu
Spróbuj tak:
{$welcomeblock}
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
<hr class="hidden" />
<div id="panel">
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
{$board_messages}
<br />
<div id="menu">
<ul>
<li class="default"><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/memberlist.php">Memberlist</a></li>
<li class="active"><a href="{$mybb->settings['bburl']}/index.php">Forums</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
</ul>
</div><br />
Nie wiem czy to zadziała więc zrób sobie kopie na wszelki wypadek.
W headerze też masz panel użytkownika. Pokaż jeszcze co masz w CSS, klasy: menu, header.
#menu {
position: absolute;
top: 91px;
right: 0;
padding-left: 41px;
background: url(images/menu_bg_start.png) no-repeat;
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
height: 34px;
background: #016db0 url(images/menu_bg.png) repeat-x;
}
#menu li {
float: left;
margin-top: 4px;
margin-right: 10px;
}
#menu li a {
padding: 4px 10px 3px 10px;
color: #fff;
text-decoration: none;
display: block;
border-bottom: 0;
}
#menu li a:hover {
color: #ffffff;
border-bottom: 3px solid #ffffff;
}
#menu li.active a, #menu li.active a:hover {
background: url(images/menu_bg_active.png) no-repeat top left;
color: #000;
padding: 4px 10px 4px 13px;
border-bottom: 2px solid #ffffff;
}
#menu li.active {
background: url(images/menu_bg_active2.png) no-repeat top right;
padding-right: 4px;
position: relative;
bottom: -1px;
}
Z php/html/css etc. jestem cienki ale myślę, że problemem może być to, że jest 2 razy menu i sie buguje:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
<hr class="hidden" />
<div id="panel">
{$welcomeblock}
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
{$board_messages}
<br />
<div id="menu">
<ul>
<li class="default"><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/memberlist.php">Memberlist</a></li>
<li class="active"><a href="{$mybb->settings['bburl']}/index.php">Forums</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
</ul>
</div><br />
A poza tym to dość dziwne, bo przecież wyraznie widać w kodzie, że obrazek jest wyżej.
W tym poradniku piszą, że musisz podmienić ten kod:
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
Czyli chyba powinno być tak:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="menu">
<ul>
<li class="default"><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/memberlist.php">Memberlist</a></li>
<li class="active"><a href="{$mybb->settings['bburl']}/index.php">Forums</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
</ul>
</div>
<hr class="hidden" />
<div id="panel">
{$welcomeblock}
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
{$board_messages}
<br />
Sprawdź czy działa
W klasie #menu wpisz coś takiego:
A to spróbuj usunąć:
Kod:
position: absolute;
top: 91px;
right: 0;
Pozdrawiam!
Heniut może mieć racje, ale są do tego przepisane 2 osobne klasy.
I tu może leżeć problem
Możesz edytować nie tą klasę co trzeba
#klasa = div id...
.klasa = div class...
Pozdrawiam!
XmaX, zrobiłem to co pisałeś i menu nie jest już tam gdzie było, jest teraz w innym miejscu zobacz sam:
Chciałbym by było jak na tym forum przy logo
Prawdopodobnie nie masz gdzieś diva zamkniętego.
ale co bo nie zrozumiałem
?
Chodzi o klasy w szablonie np. header. Rozpoczęcie wygląda w ten sposób:
A zakończenie wygląda tak:
I prawdopodobnie tego ci brakuje.
//////////
To menu masz na dole, wklej go do tego menu które robisz (razem z div id=....). Bo w CSS prawdopodobnie edytujesz to dolne menu.
Pozdrawiam!