Webboard

Pełna wersja: Menu navi - zmiana wyglądu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8.1
adres forum: http://grandtruck.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Potrzebuję upodobnić to menu
[Obrazek: D6MbFUA.png]
do tego
[Obrazek: PsbwmL7.png]
exe24.info/
albo tego
[Obrazek: UAksBBj.png]
fullgaming.pl
lub tego
[Obrazek: hM2H900.png]
forum.ptsrp.pl


Dodam że próbowałem obramować w css, tylko coś pewnie pokręciłem :sciana:






Na wszelki wypadek pasy do konta testowego z ustawionym stylem i szablonem na którym pracuje
L: testkonto
H: 123321


Z góry dziękuje za pomoc :shy:
Szogi1910 napisał(a):https://webboard.pl/thread-45824.html

Umiem zbadać element na stronie ;).
BlackSheep napisał(a):
Szogi1910 napisał(a):https://webboard.pl/thread-45824.html

Umiem zbadać element na stronie ;).
W takim razie z czym problem? Masz jakiś progress tego, co próbowałeś zrobić? Na gotowce nie liczyłbym, bo tutaj pomagamy w rozwiązywaniu problemów.
Snake_ napisał(a):
BlackSheep napisał(a):
Szogi1910 napisał(a):https://webboard.pl/thread-45824.html

Umiem zbadać element na stronie ;).
W takim razie z czym problem? Masz jakiś progress tego, co próbowałeś zrobić? Na gotowce nie liczyłbym, bo tutaj pomagamy w rozwiązywaniu problemów.


Nie liczę na gotowca. Progress jest taki że przeniosłem menu z tego miejsca [Obrazek: tNw7FRL.png]
na górę :D

Jak mam zrobić z tego co aktualnie mam, takie "butony" jakie dałem na wcześniejszym zdjęciu menu. Dawałem w css border-style: outset, inset, grubość, szerokość i klapa :/. Więc napiszę jeszcze raz chce mieć tam butony zamiast napisu, wiem że muszę użyć hover do podświetlenia
Te menu w ogóle masz skopane. Aby jakoś to wyglądało potrzebne jest ustawienie paddingów dla każdego odnośnika takich samych.
Ogólnie to wszystkie akcje wykonujesz na odnośniku, czyli a, np.
Kod:
.menu > li > a:hover {
tutaj: coś;
}
Po co kombinowałeś z borderem jeżeli chcesz takie buttony? Do tego potrzebny jest
Kod:
background: #color;
border-radius: 5px /* zaokrąglenie */
Matslom napisał(a):Te menu w ogóle masz skopane. Aby jakoś to wyglądało potrzebne jest ustawienie paddingów dla każdego odnośnika takich samych.
Ogólnie to wszystkie akcje wykonujesz na odnośniku, czyli a, np.
Kod:
.menu > li > a:hover {
tutaj: coś;
}
Po co kombinowałeś z borderem jeżeli chcesz takie buttony? Do tego potrzebny jest
Kod:
background: #color;
border-radius: 5px /* zaokrąglenie */

Czyli np do ul.top_links a.search dodać a:hover?
i do tego poniżej
background: #color;
border-radius: 5px /* zaokrąglenie */

Wybacz ale jestem można powiedzieć początkującym
Albo po prostu dla wszystkich na raz:
Kod:
#header ul.menu li a:hover {
    background: blue;
color: white;
    border-radius: 5px;
}
uwzględniając kolory.
Snake_ napisał(a):Albo po prostu dla wszystkich na raz:
Kod:
#header ul.menu li a:hover {
    background: blue;
color: white;
    border-radius: 5px;
}
uwzględniając kolory.

Wtedy również jest to na menu pod headerem (MCP, ACP itd)