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

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

Dodatkowe menu nad panelem informacyjnym

Założony przez  Ecosse.

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.

[Obrazek: f6um.png]

A u mnie na forum chciałbym dodać to również w miejsce nad panelem informacyjnym, dokładnie tutaj:

[Obrazek: 24d1.png]

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!
Pomoc poza forum - odpłatnie.
No to w szablonie header nad <div id="panel"> dodaj kolejnego diva z tą informacją, np:

<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.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Aktualnie w szablone header nad <div id="panel"> dodałem takiego diva:

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

.menu ul {
    
font-weightbold;
    
text-alignright;
    
marginauto auto;
}

.
menu ul img {
    
vertical-alignmiddle
}

.
menu ul a:link {
    
text-decorationnone;
}

.
menu ul a:visited {
    
text-decorationnone;
}

.
menu ul a:hover, .menu ul a:active {
    
color#988569;
    
text-decorationnone;


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ę.
Pomoc poza forum - odpłatnie.
<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 :D
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
[Obrazek: ho39.png]

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 :)
Pomoc poza forum - odpłatnie.
Cytat:te <br /> na końcu to jest chyba najprostszy sposób by uniknąć CSS
Wystarczy dodać margin-bottom
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
[Obrazek: ykon.png]

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?
Pomoc poza forum - odpłatnie.
margin-top:-[ilestam]px; spróbuj.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
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ł :)


Załączone pliki
  Ikony menu.zip (Rozmiar: 3,57 KB / Pobrań: 163)
Pomoc poza forum - odpłatnie.



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

1 gości