Komentarze / Avatary

  (...) czyli jak upiększyć blogspota

Krótko i na temat. Jeśli chcemy odpowiednio przekształcić ramki, przeznaczone na komentarze oraz avatary, musimy zastosować:

.comment p  - ramka komentarzy

.avatar-image-container  - avatar (czyli mały obrazek użytkownika obok komentarzy)

KOMENTARZE

Kolor tła:  

{background-color: #E3DCC7;}

Obrazek w tle: 

{background-image: url(adres do obrazka);}

Przezroczystość:

{opacity: 0.8;}

Cienie tekstu: {text-shadow: 2px 2px 5px #000000 }

Cienie ramki: {box-shadow:0px 0px 2px #000000}

Zaokrąglone rogi: {border-radius: 90px 90px 9px 9px;}

Marginesy: {padding: 10px;}

Obramowanie linia ciągła: {border-style: solid;}

Obramowanie linia kreskowana: {border-style: dashed;}

Obramowanie linia kropkowana: {border-style: dotted;}

Obramowanie linia podwójna: {border-style: double;}

Grubość obramowania - cienkie: {border-width: thin;}

Grubość obramowania - średnie: {border-width: medium;}

Grubość obramowania - grube: {border-width: thick;}

Kolor obramowania - {border-color: #ffffff;} 

* Przykładowy wygląd pełnego kodu dla komentarzy:  

.comment p {background-color: #E3DCC7;}

 

AVATARY

Zaokrąglone rogi: {border-radius: 90px 90px 9px 9px;}

Obramowanie linia ciągła: {border-style: solid;}

Obramowanie linia kreskowana: {border-style: dashed;}

Obramowanie linia kropkowana: {border-style: dotted;}

Obramowanie linia podwójna: {border-style: double;}

Grubość obramowania - cienkie: {border-width: thin;}

Grubość obramowania - średnie: {border-width: medium;}

Grubość obramowania - grube: {border-width: thick;}

Kolor obramowania - {border-color: #ffffff;} 

Cienie: {box-shadow:0px 0px 2px black}

* Przykładowy wygląd pełnego kodu dla avatarów:

.avatar-image-container {border-radius: 90px 90px 9px 9px;}