Jak edytować wygląd archiwum - styl hierarchia

12 lipca 2016


Pisałam już kiedyś o tym jak edytować wygląd archiwum - styl menu. Na Bloggerze oprócz stylu menu, mamy również dwa inne style jak np. hierarchia i lista. Dziś skupimy się nad edytowaniem wyglądu archiwum w stylu hierarchia. Wszystko będzie opierać się na kodach CSS, więc nie powinno sprawiać Wam to problemu. 

1. Każdy powinien mieć już swoje archiwum w układzie bloga i opcjonalnie zawsze jest ono ustawione jako hierarchia, ale jeśli mamy inaczej to przechodzimy do układ - szukamy gadżetu archiwum bloga - edytuj - hierarchia - zapisz


2. Kiedy już mamy to wszystko ustawione, przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy poniższy kod: 

.post-count, .post-count-link {
font-weight: 700;
font-family: Open Sans;
letter-spacing: 1px;
font-size: 14px;
color: #444;}
.archivedate {text-transform: uppercase;}
.archivedate a:link {color: #eb7c96;}
.widget .zippy {
color: #eb7c96;
text-shadow: none;
}

Analiza kodu: 

.post-count, .post-count-link {
font-weight: 700;
font-family: Open Sans;
letter-spacing: 1px;
font-size: 14px;}
.archivedate {text-transform: uppercase;}
.archivedate a:link {color: #eb7c96;}
.widget .zippy {
color: #eb7c96;
text-shadow: none;}

MIESIĄC I ROK 

Pogrubienie (można ustawić od 400 do 700 - im większa liczba tym grubsze) 
Rodzaj fontu 
Odstęp między literami 
Wielkość fontu 

MIESIĄC I TYTUŁY WPISÓW

Drukowane litery 

LINKI 

Kolor linków 

STRZAŁECZKI 

kolor strzałeczek
brak cienia

Efekt: 



5 komentarzy:

  1. natalia20041989 .13 lipca 2016 18:26

    Dla mnie to oczywiście czarna magia, ale z Twoją instrukcją myślę, że bym sobie poradziła:)

    OdpowiedzUsuń
  2. Aleksandra ma kota13 lipca 2016 18:38

    O kurcze! Świetna zmiana tak mało trzeba żeby mieć tak piękny szablon, sama myślę nieudolnie nad zmianą swojego chociaż cały czas nie mogę się zdecydować... Niestety. Pozdrawiam serdecznie!

    OdpowiedzUsuń
  3. No i ładnie! a tak nie wiele potrzeba :D

    OdpowiedzUsuń
  4. Karolina Turkus14 lipca 2016 09:16

    Szukałam bloga, na którym będą jasne instrukcje :) Super!
    Dziękuję za komentarz
    www.turqusowa.blogspot.com

    OdpowiedzUsuń
  5. O wiele lepiej to wygląda po tych zmianach. Bardzo fajna i prosta instrukcja :)
    Pozdrawiam!

    OdpowiedzUsuń

- Komentarze takie jak: spam, obserwacja za obserwacje, prośby o klikanie w banery etc. zostają usuwane - ZAPAMIĘTAJ! MÓJ BLOG TO NIE TABLICA OGŁOSZEŃ
- Uznaje tylko konstruktywną krytykę
- Każdy komentarz to motywacja dla mnie.
- Weryfikacja obrazkowa wyłączona