Jak wstawić separator do wpisu

sobota, 2 lutego 2019

Dawno nie było na blogu instrukcji, więc czas to nadrobić! :)
Postanowiłam, że opublikuje prostą instrukcję na to, jak wstawić do wpisu separator. Nie będzie to długa instrukcja i nie będzie skomplikowana, więc jestem prawie pewna, że większości z Was przypadnie ona do gustu :)

1. Przechodzimy do naszego wpisu i wybieramy HTML
2. W obojętnie jakim miejscu (wybranym przez nas) wklejamy znacznik naszego separatora

<hr>

Możemy zostawić nasz separator taki jaki jest - zwykły szary pasek, ale możemy dodać dla niego styl w arkuszu CSS, żeby wyglądał lepiej. W tym celu przechodzimy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy wybrany kod:

Styl 1

hr {border: 0; border-bottom: 8px dashed #FFB0AE; background: #FFE6E6; color: #FFE6E6}

Styl 2

hr {border: 0; border-bottom: 8px dotted #FEE077; background: #515151; color: #515151}

Styl 3

hr {border: 0; border-bottom: 10px double #C4F1E5; background: #515151; color: #515151}

Styl 4

hr {border: 0; border-bottom: 10px solid #C4F1E5;}

Styl 5

hr {border: 0; border-bottom: 10px dotted #FFB0AE;}

Wszystkie wartości są zmienne.

Jeśli spodobał Ci się wpis, przekaż go dalej :)