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

»  »  »  »  ::
Autor Wiadomość
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62
Wysłany:    Zmiana szablonu w zależności od pory dnia
Zastanawiam się, czy istnieje możliwość zmiany szablonu w zależności od pory dnia. Na przykład od 8 do 18 szablon dzienny, a od 19 do 7 szablon nocny?...

Chodzi mi o zmianę całego szablonu, albo chociaż tła bloga.
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  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: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2013-04-05, 00:08   wygląd bloga zależny od godziny (dnia, nocy)
Zastanawiałem się wczoraj nad tym i wszystko zależy od tego jak różne to mają być szablony. Jeżeli ich szkielet będzie taki sam a różnić się mają jedynie kolorystyką, grafiką i szerokością pól czy marginesami to nie ma problemu. Wystarczy skorzystać z JavaScript/jQuery i dodać o określonej porze dodatkową klasę w body.

Ja poniższy kod wkleiłem do gadżetu HTML:
Wiadomość (widoczna dla zarejestrowanych)
dzięki temu między 6 a 23 będziemy mieli dzień a pozostałe godziny noc.
Mając dodatkową klasę w body możemy dopisać dowolną ilość wyjątków do arkusza CSS np. zmieniając kolor tła całej strony czy pola wpisów. Pod tym skryptem do gadżetu dodałem jeszcze:
Wiadomość (widoczna dla zarejestrowanych)
jeżeli będzie tego dużo, to sugeruję wkleić w sekcji head, w kodzie szablonu.

To w zasadzie wszystko. Oczywiście pobierany jest czas lokalny. Jak ktoś chce bardziej urozmaicić to można dodać więcej przedziałów czasowych:
Wiadomość (widoczna dla zarejestrowanych)
tutaj podzieliłem okresy na poranek (6-11), dzień (11-19), wieczór (19-23) oraz noc (wszystkie pozostałe godziny).

Skrypt zadziała na każdej platformie blogowej, która umożliwia uruchamianie skryptów i edycję HTML/CSS.

p.s. jak komuś przeszkadza przerwa utworzona przez gadżet HTML niech go ukryje:

Kod

#HTML7 {display: none}
Identyfikator gadżetu wiecie jak znaleźć ;-)

efekt:
______________________________________________________
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:
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62
Wysłany: 2013-04-06, 21:09   
Dziękuję pięknie :) . Pozostaje poczytać o wyjątkach w CSS, bo dotąd z tego nie korzystałam :D ... :) !, ale jest już punkt zaczepienia :) .
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2013-04-06, 23:19   
ja to tak nazwałem. Uzależniamy wygląd elementu od jakiegoś nadrzędnego. W tym przypadku od klasy jaka nam się generuje w Body. Tak można robić ze wszystkim, wielokrotnie korzystaliśmy z tego tutaj na forum określając osobne kolory dla menu, tylko bocznej szpalty czy sekcji wpisów.

schemat wygląda tak:

Kod


.klasa-element-zewnetrzny .element wewnetrzny { styl; }
#identyfikator-element-zewnetrzny .element-wewnetrzny { styl; }
identyfikator jest ważniejszy od klasy. Przydaje się jak wiele elementów korzysta z jednego stylu a trzeba jakiś wybrany fragment w jednym z nich zmienić.

p.s. - jakby komuś nie działało to znaczy, że w jego szablonie brakuje odwołania do biblioteki jQuery, należy przed </head> dodać:
Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
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:
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62
Wysłany: 2013-04-08, 22:25   
Ok, dziękuję ślicznie; czekam tylko na trochę luzu w czasie i spróbuję to wdrożyć na jednym ze swoich blogów. Wtedy podam gdzie :) .


ps.
Ciekawe jak to wygląda w joomli. W Css pewnie tak samo, ale jak tam javascript dodać? Normalnie jest w osobnych plikach. Może istnieje jakiś dodatkowy moduł do tego. Poszukam :) .


edit: już widzę, że będę miała problem z nagłówkiem. Zdjęcia w nagłówku nie jest zapisywane w szablonie... Trzeba to będzie jakoś przenieść... Póki co spróbuję tylko ze zmianą koloru tła i czcionki...

edit: tło bloga - obrazek - jest zapisywane w szablonie, to mogę się tu pobawić ;) .
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2013-04-08, 23:58   Re: szablon dzienny i nocny
tu mamy dział bloggera, ale w joomli też nie powinno być problemu, skrypt najlepiej wstawić w pliku nagłówka, tam będzie sekcja head.

abigail napisał/a:

edit: już widzę, że będę miała problem z nagłówkiem. Zdjęcia w nagłówku nie jest zapisywane w szablonie... Trzeba to będzie jakoś przenieść...
zawesze można zrezygnować z gadżetu nagłówek na rzecz HTML.

Drugie wyjście to dodanie 2 gadżetów nagłówkowych (da się to zrobić kopiując kod gadżetu i zmieniając jego ID np. z Header1 na Header2. Ustawiamy jeden nad drugim (w dziale Układ) i dla klasy dziennej jeden będzie miał display: none; - drugi block a dla klasy nocnej display: block; a drugi none ;)
______________________________________________________
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:
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62
Wysłany: 2013-04-26, 23:48   
Na razie zmieniłam tylko tło główne... ;) . Później pomyślę nad resztą...

edit: właściwie mam gotowy szablon nocny :) , od 23:00.
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  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