Posts

Podpis pod postem

W okienku "szablon posta" dodajemy taki kod:

<img class="centered" alt="PODPIS" src="URL OBRAZU">

URL OBRAZU - tutaj wklejamy adres url podpisu. Oczywiście zapisujemy ;) 

Po kliknięciu pomarańczowego przycisku "nowy post" automatycznie w polu posta będzie nam się wyświetlał podpis. 

Podkreślenie tytułu posta.

h3.post-title {border-bottom: 1px #000000 solid ;}

1px - grubość kreski (im większa liczba, tym grubsza kreska)
#000000 - kolor kreski (w tym przypadku czarny). Kolory możecie zmieniać wpisując kod koloru z palety RGB, którą znajdziecie tutaj.
solid - rodzaj kreski ( solid- linia ciągła, dotted- kropkowana, dashed- kreskowana, hidden- niewidoczna)

Data posta w kółku.

Datę w kółku wykonujemy za pomocą kodów css. Wchodzimy więc w szablon- dostosuj- zaawansowane- dodaj arkusz css i wklejamy poniższe kody:

  .date-header span {width: 60px; height: 60px; border-radius: 100% ;}

Pogrubioną czcionką zaznaczyłam liczbę pikseli, które możecie dowolnie zmieniać, a kursywą- procenty. (tylko liczba 100% daje nam w pełni zaokrąglone rogi)

        .date-header span {background-color:  #ffffff ;}  

Możecie również zmienić kolor tła daty, wpisując kod koloru. Najlepiej wybrać go z palety RGB, którą znajdziecie na tej stronie -> kilk.

.date-header span {text-align: center ;}

Powyższy kod służy ułożeniu tekstu w dacie. W pogrubionym miejscu możemy wpisać: 

center- wyśrodkowanie, left- do lewej, right- do prawej.

.date-header span {margin: -0px -100px -90px -97px;}

Ostatni kod, pozwala nam na ustawienie daty, zmieniając pogrubione wartości. 

Mam nadzieję, że ta instrukcja przyda się wielu osobom! Wykonanie takiej daty nie jest wcale takie trudne, a wygląda naprawdę efektownie ;)