Forum Blogowe 17 lat!

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
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Przesunięty przez: Htsz
2011-06-09, 01:49
Autor Wiadomość
Ulala 
Blogger.Klub

Dołączyła: 08 Cze 2011
Posty: 0
Wysłany:    [blogger] Jak zrobić menu z etykietami / kategoriami?
Jak zrobić takie menu : http://pieknoscdnia.blogs...j%20sk%C3%B3rze
chodzi mi oto żeby jak się kliknie na dany odnośnik to pod nim wyświetlały się dane posty
 
  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: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2011-06-09, 01:49   
Po zalogowaniu przechodzisz do Projekt i w widoku elementów szablonu klikasz na poziomą belkę tuż pod nagłówkiem "dodaj gadżet". Wybierasz z listy ten o nazwie "Etykiety". Otworzy się okienko konfiguracji.

Kasujesz tytuł, zaznaczasz pokazywanie wszystkich lub tylko wybranych etykiet (można wskazać jakie mają być w menu), wybierasz rodzaj sortowania i wyświetlanie jako lista. Odznaczasz 'ptaszka' przy "Pokaż liczbę postów na etykietę". Zapisujesz zmiany i gotowe ;)

Etykiety określasz przy pisaniu postów (może to służyć jako tagi lub jako kategorie). Te powiązane ze sobą tematycznie opisuj taką samą etykietą wtedy po wybraniu jej z menu zostaną wczytane wszystkie wpisy z danej kategorii.

Można też przygotować ręcznie menu z rozwijaną listą kategorii.

------------
w ten sam sposób dodaje się gadżet "strony" i potem wybiera te dodane wcześniej w "zamieszczanie postów" -> "edytuj strony". Statyczne podstrony nie są jednak przeznaczone do wyświetlania postów a do uruchomienia działów takich jak "o mnie" czy "kontakt".
------------
zobacz => jak przydzielić posty do podstron
______________________________________________________
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:
Ulala 
Blogger.Klub

Dołączyła: 08 Cze 2011
Posty: 0
Wysłany: 2011-06-10, 15:49   
Ja wiem jak zrobić menu z etykiet czy ze stron jednakże ono wtedy wychodzi takie
http://monika-kwiatek.blogspot.com/
A mi zależy na tym żeby po kliknięciu na dany odnośnik wielkość liter była taka sama jak przed :(
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2011-06-10, 17:54   
zapytałaś jak zrobić takie menu, więc napisałem :) nie sprecyzowałaś swojego problemu do tego, że po wejściu w etykietę link do aktywnej kategorii się "psuje".

Psucie tego linka spowodowane jest zapewne brakiem ostylowania w CSS.

poszukaj w kodzie (edytor HTML) tego:

Kod

.tabs-inner .widget li a {tutaj będzie styl tego elementu}
i zrób żeby było tak:
Wiadomość (widoczna dla zarejestrowanych)
w ten sposób aktywne okno powinno wyglądać tak samo jak pozostałe.

Dodatkowo można pogrubić tekst aktywnego. Dopisz tuż pod tamtym (po "}") to:

Kod

#Label1 li span {font-weight: bold;}


-----------

Z tego co widzę ona ma gadżet PageList1 (czyli strony) a wyświetlają się tam Label1 czyli jakby elementy gadżetu Etykiety. Możliwe, że szablon był modyfikowany jakoś ręcznie. Jest w internecie kilka rozwiązań dotyczących edycji etykiet.
np.
http://edytuj.blogspot.co...tegorie_18.html
http://www.bloggerplugins...-link-list.html

zamiast edytować to co podałem powyżej możesz spróbować zrobić tak, aby etykieta była linkiem nawet jak jesteś na danej stronie. W CSS można też potem ustawić style dla aktywnej posdtrony.

1. ustaw gadżet Etykiety pod nagłówkiem (bez ilości wpisów).
2. przejdź do edytuj kod HTML
3. rozszerz szablony widżetów
4. odnajdź w kodzie ten fragment (szukaj po "Label1"):

Kod

<b:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

zamień go na ten:
Wiadomość (widoczna dla zarejestrowanych)

w ten sposób masz już linki do etykiet zawsze.

w sekcji CSS odnajdź to:

Kod

.tabs-inner .widget ul {tutaj styl tego elementu}
wewnątrz powinna być linia dotycząca background - jeżeli ją skasujesz to zniknie gradient w tle menu.
zmiany aktywnego okna dokonasz tu:

Kod

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {tutaj styl tego elementu}

edytując background-color: - zmieniasz kolor tła a color: dotyczy koloru tekstu :)

kody kolorów masz np. tutaj: http://szablony.blogowicz.info/koloryrgb.php
______________________________________________________
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:
Ulala 
Blogger.Klub

Dołączyła: 08 Cze 2011
Posty: 0
Wysłany: 2011-06-10, 18:19   
Bardzo, bardzo ci dziękuję :padam: Męczyłam się z tym dziadostwem z miesiąc jak nie dłużej, jesteś świetny ! :)
 
  podziel si� tym postem na:
ajajaj_namiesza 
Blogger.Klub

Dołączyła: 17 Sty 2012
Posty: 0
Wysłany: 2012-01-17, 13:02   pomocyyy :)
witam :)
jeśli mogę to podepnę się pod temat
proszę napiszcie mi co źle zrobiłam, jestem totalnie zielona :help: :wstyd:

http://kolorowoipachnaco.blogspot.com/

jak trzeba to przekopiuję kod ale napiszcie czy cały czy tylko część ;)

z góry dziękujęęęęę :zawstydzony:
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2012-01-17, 13:32   
ajajaj_namiesza, grzebałaś coś w kodzie szablonu? jeżeli tak to pierwsze co bym zrobił to:

przechodzimy do dział Szablon i klikamy na "Utwórz/przywróć kopię zapasową" zapisujemy go na dysku a potem klikamy "Edytuj kod HTML" -> "kontynuuj" -> "Przywróć domyślne szablony widżetów" -> "Zapisz szablon".
______________________________________________________
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:
ajajaj_namiesza 
Blogger.Klub

Dołączyła: 17 Sty 2012
Posty: 0
Wysłany: 2012-01-17, 13:37   
tak grzebałam :wstyd:
nie miałam wcześniej menu....
i prawie je zrobiłam tylko w 5 wersach mam ;) 1 by mi wystarczyła
zanim zaczęłam grzebać zrobiłam kopię ale do niej bym wracać nie chciała

tylko te 4 niepotrzebne "wersy" usunąć ;)

[ Dodano: 17-01-2012, 13:40 ]

Kod

<style> #tabs5 img { border: none; } #tabs5 { float:left; width:100%; background:#E3ECF3; font: bold 7.5pt Verdana; line-height:normal; } #tabs5 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs5 li { display:inline; margin:0; padding:0; } #tabs5 a { float:left; background:url(../http://1.bp.blogspot.com/_7wsQzULWIwo/Szu-pihZsRI/AAAAAAAACuM/M_WqlslWGI0/s1600/tableft5.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs5 a span { float:left; display:block; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/Szu-ppvYxHI/AAAAAAAACuQ/aL8WsHpvlSo/s1600/tabright5.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs5 a span {float:none;} /* End IE5-Mac hack */ #tabs5 a:hover span { color:#FFF; } #tabs5 a:hover { background-position:0% -42px; } #tabs5 a:hover span { background-position:100% -42px; } #tabs5 #current a { background-position:0% -42px; } #tabs5 #current a span { background-position:100% -42px; } </style> <div id='tabs5'> <ul> <li><a href='http://kolorowoipachnaco.blogspot.com/search/label/Kosmetyki%20kolorowe'><span>Kosmetyki kolorowe</span></a></li> <li><a href='http://kolorowoipachnaco.blogspot.com/search/label/Kosmetyki%20azjatyckie'><span>Kosmetyki azjatyckie</span></a></li> <li><a href='http://kolorowoipachnaco.blogspot.com/search/label/Kosmetyki%20piel%C4%99gnacyjne'><span>Kosmetyki pielęgnacyjne</span></a></li> <li><a href='http://kolorowoipachnaco.blogspot.com/search/label/Zapachy'><span>Zapachy</span></a></li> <li><a href='http://kolorowoipachnaco.blogspot.com/search/label/Paznokcie'><span>Paznokcie</span></a></li> <li><a href='http://kolorowoipachnaco.blogspot.com/2011/11/witam.html'><span>kontakt</span></a></li> </ul> </div>


teraz mam tak
co jest źle?
czy w ogóle w złym miejscu to dałam?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2012-01-17, 14:11   

ajajaj_namiesza napisał/a:

czy w ogóle w złym miejscu to dałam?
Nie jest to zgodne z zasadami, ale powinno działać. Gdzie to wklejasz? Prosto do kodu czy jako gadżet? Wklej to jako gadżet HTML/Javascript.
______________________________________________________
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:
ajajaj_namiesza 
Blogger.Klub

Dołączyła: 17 Sty 2012
Posty: 0
Wysłany: 2012-01-17, 14:14   
cud by był jakbym wkleiła zgodnie z zasadami, kompletnie się na tym nie znam, jak widać ;)
weszłam w : edytuj kod HTML
później zaznaczyłam: Rozszerz szablony widżetów

wkleiłam w ciemno gdzieś na środku i tak oto mam kilka menu ;)
jakoś to działa ale za dużo mi się narobiło, nie wiem dlaczego

co tam pozmieniać żebym ich tyle nie miała?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2012-01-17, 14:32   
ajajaj_namiesza, czy czytasz wszystko co ja do Ciebie piszę? bo mam wrażenie, że nie :) napisałem Ci przecież co masz zrobić. Nie wklejaj tego w kodzie skoro nie wiesz gdzie. Od tego masz gadżety w zakładce Układ.
______________________________________________________
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:
ajajaj_namiesza 
Blogger.Klub

Dołączyła: 17 Sty 2012
Posty: 0
Wysłany: 2012-01-17, 15:12   
czytam ;)
ale tak jak piszesz...robiłam wcześniej i nie miałam tak "graficznego" menu
a zwykłego nie chcę

nie da się prostym sposobem czegoś "wyciąć" żeby mi 1 zostało a nie 5?

myślałam, że to prostsze będzie ;)
 
  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-2024 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