Trzy style dla górnej części bloga (nad nagłówkiem)

16.09.2017

Skoro możemy upiększać naszego bloga w każdym jego module, to czemu nie zadbać o górną część naszej strony, tą która zwykle nad nagłówkiem wieje pustką (no chyba, że ktoś ma menu na górze). Można dzięki niej nadać naszej stronie indywidualnego charakteru, a to wszystko za pomocą kodu CSS - no i w trzecim przypadku CSS+grafiki. Zaczynajmy!

Styl 1


1. Przechodzimy do motyw - dostosuj - zaawansowane- dodaj arkusz CSS i wklejamy kod:



solid - rodzaj podkreślenia
15px - grubość
#f8d7dd - kolor


Styl 2


2. Może paseczki? Nie ma problemu! Powtarzamy kroki z punktu 1, tylko tym razem wklejamy taki kod: 




Analiza kodu, taka sama jak w punkcie 1.


Styl 3


3. Powtarzamy kroki z punktu 1, w tym wypadku będzie taki kod:




background - kolor tła
url - link do grafiki
bottom - odstęp między grafiką, a nagłówkiem

Moja grafika ma wymiar 1600x240px (240 to wysokość, którą można dostosować do siebie, 1600 - szerokość, najniższa wartość, której przy tego typu grafice wypadałoby się trzymać)

6 komentarzy:

  1. Pomocne, wiesz może jak zrobić takI pasek na dole? Próbowałam z border-bot, ale to chyba nie tak, skoro nie działa.
    Pozdrawiam, Niedoskonała :)

    OdpowiedzUsuń
  2. border-bot to nie na bloggerze ;) Dolna część bloga to footer-outer ;)
    Spis selektorów http://blonparia.blogspot.com/2014/12/selektory-css.html

    OdpowiedzUsuń
  3. Ja nie ogarniam takich rzeczy, na szczęście mam od tego mojego osobistego webmastera ;)

    OdpowiedzUsuń
  4. Na pewno na niejednym blogu pięknie by wyglądały :)

    OdpowiedzUsuń
  5. Twoje poradniki są strasznie przydatne, użyłam paru w swoim blogu, dlatego podałam link do twojego na stronie źródła
    https://tomorrows-day.blogspot.com/

    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Ń
- Weryfikacja obrazkowa wyłączona

Copyright © Szablon wykonany przez Blonparia