wersja skryptu MyBB: 1.6.12
adres forum: pda-lomza.tk
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam. Na moim forum chciałbym dodać dodatkowe menu, tak aby nie dodawać zbędnych wartości w głównym menu.
Chciałbym dodać dokładnie takie samo menu jak jest na forum MyBBoard → screen niżej.
A u mnie na forum chciałbym dodać to również w miejsce nad panelem informacyjnym, dokładnie tutaj:
Próbowałem już to dodać, ale niestety bez zmian. Pewnie trzeba zrobić nową klasę i tam umieścić te menu.
Jeżeli będziecie potrzebować treści jakiegoś szablonu, piszcie - dodam.
Z góry dzięki za pomoc! Pozdrawiam!
No to w szablonie
header nad
<div id="panel"> dodaj kolejnego diva z tą informacją, np:
Kod PHP:
<div id="nowemenu">
<ul id="pagemenu">
<li><a href="index.php">Forum</a></li>
<li><a href="onas.php">O nas</a></li>
<li><a href="sklad.php">Skład</a></li>
<li><a href="linki.php">Linki</a></li>
<li class="memberlist"><a href="http://pda-lomza.cba.pl/memberlist.php">Użytkownicy</a></li>
<li class="search"><a href="http://pda-lomza.cba.pl/search.php">Szukaj</a></li>
</ul>
</div>
Tylko dorobić CSS, zmienić nazwy ID na własne (możesz np. z tamtego menu skopiować, przerobić). I tyle.
Aktualnie w szablone header nad <div id="panel"> dodałem takiego diva:
Kod PHP:
<div class="menu">
<ul>
<li class="search"><a href="search.php"><img src="images/toplinks/search.gif" alt="" title="">Szukaj</a></li>
<li class="memberlist"><a href="memberlist.php"><img src="images/toplinks/memberlist.gif" alt="" title="">Użytkownicy</a></li>
<li class="calendar"><a href="calendar.php"><img src="images/toplinks/calendar.gif" alt="" title="">Kalendarz</a></li>
<li><a href="regulamin_link"><img src="images/icons/exclamation.gif" alt="" title="">Regulamin</a></li>
</ul>
</div>
W global.css dorobiłem taki CSS:
Kod PHP:
.menu ul {
font-weight: bold;
text-align: right;
margin: auto auto;
}
.menu ul img {
vertical-align: middle
}
.menu ul a:link {
text-decoration: none;
}
.menu ul a:visited {
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #988569;
text-decoration: none;
}
Jednak nie otrzymałem takiego efektu jak chciałem. Mógłbyś pomóc mi przesunąć menu do prawej strony oraz dodać margin tak aby od góry i od dołu był taki jak na tym forum? Z góry dzięki!
Edit: Udało mi się przesunąć menu w prawą stronę. Jeszcze tylko nadać margin i efekt będzie dobry. Dodatkowo będę musiał poszukać sobie ikonek aby pasowały pod ciemny styl bo aktualnie widać białą otoczkę.
Kod PHP:
<div class="menu" style="float: right;">
<ul>
<li class="search"><a href="search.php"><img src="images/toplinks/search.gif" alt="" title="">Szukaj</a></li>
<li class="memberlist"><a href="memberlist.php"><img src="images/toplinks/memberlist.gif" alt="" title="">Użytkownicy</a></li>
<li class="calendar"><a href="calendar.php"><img src="images/toplinks/calendar.gif" alt="" title="">Kalendarz</a></li>
<li><a href="regulamin_link"><img src="images/icons/exclamation.gif" alt="" title="">Regulamin</a></li>
</ul>
</div><br />
te <br /> na końcu to jest chyba najprostszy sposób by uniknąć CSS

Tak wygląda po dodaniu <br>. Jednak moim zdaniem jest za szeroko, a chciałbym gdyby było po prostu jak tutaj na forum.
float: right; dodałem do CSS i działa

Cytat:te <br /> na końcu to jest chyba najprostszy sposób by uniknąć CSS
Wystarczy dodać margin-bottom
Dodałem
margin-bottom: 5px; i efekt jest super, jednak od góry jest wciąż za szeroko.
Od razu dodam że po dodaniu
margin-top: 5px; nie widać żadnych efektów.
Może inna klasa dodaje ten odstęp nad menu?
margin-top:-[ilestam]px; spróbuj.
Super! Dzięki za pomoc. Nawet nie wpadłbym na pomysł aby dodać margin na minusie (myślałem że nie działa na minusie). Dla ciekawskich wrzucam ikony przydatne w ciemnym stylu których użyłem na moim forum. Oczywiście leci reputacja i pomógł
