Przydatne kody CSS | 1 |

Witaj!

 Chcesz zmienić wygląd swojego bloga, ale kompletnie nie wiesz jak to zrobić? Dobrze trafiłeś. Tutaj znajdziesz kody, które poprawią Twój design. To nie jest wcale takie trudne.

 Gdzie wpisywać kody CSS?

Szablon >> Dostosuj >> Zaawansowane >> Dodaj arkusz CSS 

NAGŁÓWEK

Pozycja:

.header {text-align: center;}

center - wyśrodkowanie, możemy zamienić na: left - przesunięcie w lewo lub right - przesunięcie w prawo

Ustalenie wysokości:

.header {height: 10px;}

10px można zamienić na dowolną wartość

TYTUŁ POSTA

Pozycja:

h3.post-title {text-align: center;}

Podkreślenie:

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

1px można zamienić na dowolną wartość

#000000 można zamienić na dowolny kolor

dotted - linia wykropkowana, możemy zamienić na: solid - linia ciągła, double - linia podwójna lub dashed - linia przerywana

DATA

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


INNE

Podświetlenie zdjęcia po najechaniu kursorem:
.post img { opacity: 1;
transition:opacity 0.4s ease-in-out;
-o-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-webkit-transition:opacity 0.4s ease-in-out;
}
.post img:hover {
opacity: 0.70;
transition:opacity 0.4s ease-in-out; 
-o-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-webkit-transition:opacity 0.4s ease-in-out;
}

Usunięcie linków 'Starsze posty' i 'Nowsze posty':
.blog-pager {display: none !important;}

Usunięcie napisu 'Technologia Blogger':
#Attribution1 {display: none;}

Mam nadzieję, że kody się przydały, a jeśli nie, to pamiętajcie o tym, że to dopiero pierwsza część.