Edycja wyglądu archiwum - styl menu

4 marca 2015


Dostaje bardzo dużo maili, które głównie dotyczą czterech rzeczy: jak zrobiłam takie archiwum, które widnieje obecnie na moim blogu, jak zrobiłam menu, jak zrobiłam paski nad i pod menu, jak zrobiłam paski nad i pod nagłówkami gadżetów i wiele, wiele więcej. Jednak te cztery tematy, powtarzają się tak często, że (niestety) mam już zapisaną gotową odpowiedź. Tak przy okazji planuje w następną środę post w stylu FAQ, gdzie znajdą się wszystkie pytania, które dostaje od was na maile dotyczące szablonu. Mam nadzieję, że to wszystkim nam ułatwi jak odpowiedzi znajdą się w jednym miejscu i będzie można do nich wracać o każdej porze dnia i nocy. Wracają do tematu wpisu...nie ma tu dużo do gadania, przedstawię wam instrukcję na zmianę wyglądu archiwum.

1. Zakładam, że wszyscy mają dodane archiwum do bloga, więc przechodzimy do układ - szukamy naszego archiwum w układzie i klikamy edytuj i zmieniamy styl archiwum na menu i klikamy zapisz.




2. Następnie przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS


3. Wklejamy nasz kod do arkusza CSS. Jednak to nie takie hop siup, trzeba najpierw wiedzieć co do czego. Selektor na archiwum ( i inne) znajdziecie tutaj, ale to nie wystarczy ponieważ, to nada styl dla całego obszaru archiwum, a nie tylko dla listy. Dlatego do tego selektora musimy dopisać _ArchiveMenu.


Następnie dopisujemy do naszego selektora nawiasy, a w nich wpisujemy wszystko co nam się zamarzy, ramka, rodzaj i kolor czcionki, kolor ramki, kolor tła. szerokość. Przykładowo nasz kod może wyglądać tak:


Analiza kodu:

Szerokość naszego archiwum
Rozmiar, rodzaj i kolor czcionki
Kolor tła
Rodzaj ramki
Szerokość ramki 
Kolor ramki
Wewnętrzne marginesy

Oczywiście wszystkie wartości są zmienne. Możecie również sami coś dopisać do tego kodu, aby wasze archiwum wyglądało dokładnie tak jak chcecie.

8 komentarzy:

  1. Przydatna notka ;) Ja osobiście się nie znam na takich rzeczch więc ten post bardzo mi pomógł :) Zapraszam do mnie ! http://littleredcherrysmile.blogspot.com/

    OdpowiedzUsuń
  2. O matko, jesteś genialna!! :-) Super ,przydatny post , buziaki :-)
    Poklikasz u mnie w linki?

    http://nataliazarzycka.blogspot.com/2015/03/sheinside-cooperation.html

    OdpowiedzUsuń
  3. przydatny post. obserwujemy? daj znać to wrócę

    http://fashionelja.blogspot.com

    OdpowiedzUsuń
  4. swietny poradnik, na pewno się przyda tym bardziej że totalnie się na tym nie znam :)
    http://you-always-be.blogspot.com

    OdpowiedzUsuń
  5. Na pewno przydatne ;) Jednak wolę takie proste archiwum jak mam.
    http://przyszopceuszatych.blogspot.com/

    OdpowiedzUsuń
  6. Bardzo ciekawe, wiesz chyba wszystko o blogowaniu:)

    OdpowiedzUsuń
  7. Bardzo ułatwiłaś mi tym postem życie. Dziękuję :)

    http://annamarialazarek.blogspot.co.uk/
    https://instagram.com/annamarialazarek/

    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