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

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

Menu navi - zmiana wyglądu

Inne  Założony przez  BlackSheep.

17.01.2015, 15:20 (Ten post był ostatnio modyfikowany: 17.01.2015, 17:29 przez Snake_.)
#1
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:
;)
17.01.2015, 15:23
#2
https://webboard.pl/thread-45824.html
17.01.2015, 15:33
#3
Szogi1910 napisał(a):https://webboard.pl/thread-45824.html

Umiem zbadać element na stronie ;).
;)
17.01.2015, 17:33
#4
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.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
17.01.2015, 17:52
#5
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
;)
17.01.2015, 19:08
#6
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.
.menu > li > a:hover {
tutaj: coś;
}
Po co kombinowałeś z borderem jeżeli chcesz takie buttony? Do tego potrzebny jest
background: #color;
border-radius: 5px /* zaokrąglenie */
17.01.2015, 23:40
#7
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.
.menu > li > a:hover {
tutaj: coś;
}
Po co kombinowałeś z borderem jeżeli chcesz takie buttony? Do tego potrzebny jest
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
;)
18.01.2015, 00:32
#8
Albo po prostu dla wszystkich na raz:
#header ul.menu li a:hover {
    background: blue;
color: white;
    border-radius: 5px;
}
uwzględniając kolory.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
18.01.2015, 02:06
#9
Snake_ napisał(a):Albo po prostu dla wszystkich na raz:
#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)
;)



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

1 gości