Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Menu w logo jak u was

Szukam  Założony przez  majkel99.

27.07.2011, 11:47
#1
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
[Obrazek: menukz.png]

Ważne by znajdowało się na logo
27.07.2011, 13:55
#2
Menu nie znajduje się na logo tylko w headerze. Wystarczy, że odpowiednio zmodyfikujesz kod nagłówka w szablonie i gotowe.
Strony internetowe Wordpress
27.07.2011, 14:27 (Ten post był ostatnio modyfikowany: 27.07.2011, 19:08 przez elroyalo.)
#3
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:

#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:

<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
bryn napisał 27.07.2011, 18:34:
A po co ten link umieściłeś w [code]?
27.07.2011, 14:54
#4
Zrobiłem to według tego poradnika, ale gdy wyświetlam stronę główną to panel jest nad logiem i wygląda to brzydko.
[Obrazek: 10754779.png]
27.07.2011, 14:56
#5
Pokaż co masz w headerze.


Pozdrawiam!
27.07.2011, 14:57 (Ten post był ostatnio modyfikowany: 27.07.2011, 14:58 przez majkel99.)
#6
<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 ;)
27.07.2011, 15:01
#7
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.
27.07.2011, 15:01 (Ten post był ostatnio modyfikowany: 27.07.2011, 15:01 przez XmaX.)
#8
W headerze też masz panel użytkownika. Pokaż jeszcze co masz w CSS, klasy: menu, header.


27.07.2011, 15:03
#9
#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;
}
27.07.2011, 15:06 (Ten post był ostatnio modyfikowany: 27.07.2011, 15:10 przez Heniut.)
#10
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.

@edit
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
27.07.2011, 15:08 (Ten post był ostatnio modyfikowany: 27.07.2011, 15:10 przez XmaX.)
#11
W klasie #menu wpisz coś takiego:
margin-top: 120px;

A to spróbuj usunąć:
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 :P
#klasa = div id...
.klasa = div class...


Pozdrawiam!
27.07.2011, 15:13
#12
XmaX, zrobiłem to co pisałeś i menu nie jest już tam gdzie było, jest teraz w innym miejscu zobacz sam: :D
[Obrazek: nomm.png]

Chciałbym by było jak na tym forum przy logo
27.07.2011, 15:15
#13
Prawdopodobnie nie masz gdzieś diva zamkniętego.
27.07.2011, 15:17
#14
ale co bo nie zrozumiałem :D ?
27.07.2011, 15:19 (Ten post był ostatnio modyfikowany: 27.07.2011, 15:22 przez XmaX.)
#15
Chodzi o klasy w szablonie np. header. Rozpoczęcie wygląda w ten sposób:
<div class="header">
A zakończenie wygląda tak:
</div>

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!



Użytkownicy przeglądający ten wątek:

2 gości