Od dawna coś zmieniam w swoim szablonie. Było ich już kilkanaście w ciągu mojego całego blogowania. Nadal coś ulepszam, poprawiam. Postanowiłam, że podzielę się z Wami kodem na zrobienie daty w kółeczku. Wiem, że Wy również prowadzicie bloga więc chodź trochę poeksperymentujemy z kodem Css.
Jak to zrobić?
Najpierw wchodzimy w szablon następnie——-> dostosuj——>zaawansowane—–>dodaj arkusz css
Wpisujemy kod:
.date-header span{width: 47px; height;47px; border-radius 100%:}
(liczbę pixeli zmieniamy o dowolną wartość według naszego uznania.
Liczba 100% daje nam pełne zaokrąglone rogi).
By zmienić kolor wpisujemy pod spodem
.date-header span{background-color: #ffccff;}
(kod koloru możemy wpisać dowolny. więcej kolorów rgb znajdziecie tutaj).
Położenie tekstu w dacie
.date-header span{text -algin: center}
By zmienić położenie tekstu zmieniamy np.
center- wyśrodkowanie
right- do prawej
left- do lewej strony
By dokładniej ustawić datę w kółku należy wpisać
.date-header span{margin: -11px -100px 85px -55px;}
Data w kółku będzie wyglądała mniej więcej tak:
Jeśli będziecie mieli z czymś problem to piszcie na mój adres e-mail:
Mam nadzieję, że kod się wam przyda!
Info:
Dziś jest tzw. czarny piątek. Wszystkie sklepy nie tylko te sieciowe robią wyprzedaż kolekcji. Ja dziś zapraszam was do znanego wszystkim blogerkom sklepu on-line Sheinside
By odwiedzić sklep po prostu klikniecie w grafikę.
Dorota Photography 