Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
laucian1987 
Blogger.Klub


Imię: Grzesiek
Dołączył/a: 03 Cze 2012
Posty: 25
Miasto: Warszawa

Wysłany:    [blogger] Problem z rozwijanym menu

Mam mały problem z rozwijanym menu jakie wstawiłem na swojego bloga. Menu poprostu nie chce się rozwijać. Próbowałem sprawdzić co jest nie tak w kodzie html, ale jeszcze się zbytnio na tym nie znam (edukuje się dopiero). W sumie to kod html powinien być dobry, ale css chyba coś blokuje.
Da rade ktoś zajrzeć co jest nie tak? Link do bloga w moim podpisie.

[ Komentarz dodany przez: Htsz: 28-02-2013, 20:25 ]
zobacz także:
=> rozwijane menu z podstronami, kategoriami i linkami
______________________________________________________
ROWER!
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 37
Dołączył/a: 01 Sty 2006
Posty: 8947
Miasto: Wrocław

Wysłany: 2012-06-11, 13:06   

Tak, to wina CSS a raczej tego, że styl szablonu dla list gryzie się z tym dla menu i pewne elementy są pomijane lub zaciągane nie z tego miejsca co potrzeba.

Należy umieścić przed każdym stylem dla menu identyfikator DIVa nadrzędnego. Skąd wziąć ten ID? Każdy gadżet ma swój własny. Przechodzimy do zakładki układ i najeżdżamy kursorem myszy na link 'edytuj' przy naszym gadżecie. W pasku stanu przeglądarki pojawi się link docelowy. Interesuje nas jego zawartość. Jest tam ciąg wyglądający np. tak:
Wiadomość (widoczna dla zarejestrowanych)
w tym fragmencie interesuje nas to (nazwa):
Wiadomość (widoczna dla zarejestrowanych)
.

Mamy naszą nazwę, więc przechodzimy do edycji gadżetu lub HTML szablonu - w zależności od tego gdzie znajduje się CSS tego menu. Identyfikator dodajemy według schematu, było:

Kod

.jakas-nazwa { styl }
.inne-nazwa li { styl }
.trzeci a, .czwarty a { styl }
a ma być:

Kod

#HTML1 .jakas-nazwa { styl }
#HTML1 .inna-nazwa li { styl }
#HTML1 .trzeci a, #HTML1 .czwarty a { styl }
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
laucian1987 
Blogger.Klub


Imię: Grzesiek
Dołączył/a: 03 Cze 2012
Posty: 25
Miasto: Warszawa

Wysłany: 2012-06-11, 16:08   

Zrobiłem jak radziłeś. W edycji html wstawiłem HTML1 w css dotyczącym tego rozwijango menu. Nistety menu nadal się nie rozwija, choć zaczytuje się więcej danych bo wygląda troche inaczej.
co mogłem zrobić źle?

Kod

#HTML1 .bg {background: url(../http://3.bp.blogspot.com/_jM8-wHc3NKY/TQsqZxrxmtI/AAAAAAAAAIo/8O6ylsZyRTQ/s1600/button4.gif);}
#HTML1 .menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(../http://1.bp.blogspot.com/_jM8-wHc3NKY/TQsqYv9n9TI/AAAAAAAAAIk/oiiHv79iBCk/s1600/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
#HTML1 .menu li.top {display:block; float:left; position:relative;}
#HTML1 .menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#HTML1 .menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
#HTML1 .menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../http://4.bp.blogspot.com/_jM8-wHc3NKY/TQsqd0O5eNI/AAAAAAAAAIw/qhsKMaaJL20/s1600/down.gif) no-repeat right top;}
#HTML1 .menu li a.top_link:hover {color:#000; background: url(../http://3.bp.blogspot.com/_jM8-wHc3NKY/TQsqZxrxmtI/AAAAAAAAAIo/8O6ylsZyRTQ/s1600/button4.gif) no-repeat;}
#HTML1 .menu li a.top_link:hover span {background:url(../http://3.bp.blogspot.com/_jM8-wHc3NKY/TQsqZxrxmtI/AAAAAAAAAIo/8O6ylsZyRTQ/s1600/button4.gif) no-repeat right top;}
#HTML1 .menu li a.top_link:hover span.down {background:url(../http://2.bp.blogspot.com/_jM8-wHc3NKY/TQsqbaw12UI/AAAAAAAAAIs/u7l_QWB3Ruc/s1600/button4a.gif) no-repeat right top;}
#HTML1 .menu li:hover > a.top_link {color:#000; background: url(../http://3.bp.blogspot.com/_jM8-wHc3NKY/TQsqZxrxmtI/AAAAAAAAAIo/8O6ylsZyRTQ/s1600/button4.gif) no-repeat;}
#HTML1 .menu li:hover > a.top_link span {background:url(../http://3.bp.blogspot.com/_jM8-wHc3NKY/TQsqZxrxmtI/AAAAAAAAAIo/8O6ylsZyRTQ/s1600/button4.gif) no-repeat right top;}
#HTML1 .menu li:hover > a.top_link span.down {background:url(../http://2.bp.blogspot.com/_jM8-wHc3NKY/TQsqbaw12UI/AAAAAAAAAIs/u7l_QWB3Ruc/s1600/button4a.gif) no-repeat right top;}
#HTML1 .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#HTML1 .menu a:hover {visibility:visible;}
#HTML1 .menu li:hover {position:relative; z-index:200;}
#HTML1 .menu ul,
#HTML1 .menu :hover ul ul,
#HTML1 .menu :hover ul :hover ul ul,
#HTML1 .menu :hover ul :hover ul :hover ul ul,
#HTML1 .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#HTML1 .menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #95d2ee; white-space:nowrap; width:200px; height:auto;}
#HTML1 .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
#HTML1 .menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
#HTML1 .menu :hover ul.sub li a.fly {background:#fff url(../http://1.bp.blogspot.com/_jM8-wHc3NKY/TQsqVzs-dBI/AAAAAAAAAIc/nCJLoz72b2Q/s1600/arrow.gif) 80px 7px no-repeat;}
#HTML1 .menu :hover ul.sub li a:hover {background:#95d2ee; color:#fff;}
#HTML1 .menu :hover ul.sub li a.fly:hover {background:#95d2ee url(../http://2.bp.blogspot.com/_jM8-wHc3NKY/TQsqXRNVRmI/AAAAAAAAAIg/d_73a7oZpH4/s1600/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
#HTML1 .menu :hover ul li:hover > a.fly {background:#95d2ee url(../http://2.bp.blogspot.com/_jM8-wHc3NKY/TQsqXRNVRmI/AAAAAAAAAIg/d_73a7oZpH4/s1600/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
#HTML1 .menu :hover ul :hover ul,
#HTML1 .menu :hover ul :hover ul :hover ul,
#HTML1 .menu :hover ul :hover ul :hover ul :hover ul,
#HTML1 .menu :hover ul :hover ul :hover ul :hover ul :hover ul
#HTML1 {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 95d2ee; white-space:nowrap; width:93px; z-index:200; height:auto;}
#HTML1 .jump-link {
margin: 0 auto;
text-align: center;
}
#HTML1 .jump-link a {
color: #fbfbfb ! important;
font-size: 14px;
background: none repeat scroll 0% 0% #00cbcc;
padding: 5px 10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}


Tak to wygląda po radach :)
______________________________________________________
ROWER!
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 37
Dołączył/a: 01 Sty 2006
Posty: 8947
Miasto: Wrocław

Wysłany: 2012-06-11, 16:56   

gryzie się jeszcze overflow ze stylu dla .tabs .widget ul
dopisz do tej listy to:

Kod

#HTML1 ul {
overflow: visible;
}


reszta (wygląd) to już chyba kwestia stylu samego menu.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
laucian1987 
Blogger.Klub


Imię: Grzesiek
Dołączył/a: 03 Cze 2012
Posty: 25
Miasto: Warszawa

Wysłany: 2012-06-18, 16:29   

Próbowałem już chyba wszystkiego. Nadal mam problem z rozwijanym menu. Menu już teoretycznie działa, rozwija się, ale niestety nie działa arkusz css..
Arkusz, jak i menu zostały ściągnięte w pakiecie, więc powinny działać. Próbowałem poprawić w tym arkuszu np. szerokość, ale nic to nie daje.

Ktos wie co może być problemem?
______________________________________________________
ROWER!
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 37
Dołączył/a: 01 Sty 2006
Posty: 8947
Miasto: Wrocław

Wysłany: 2012-06-18, 16:51   

szerokość i kolor dla elementów rozwijanych nadajesz dla znaczników, w których się znajdują, czyli li lub li a nie dla ul, bo ten jest tylko kontenerem dla nich.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2022 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz