zamknij

Z cyklu instrukcji - Powiększone awatary komentatorów

Postanowiłam opublikować kolejną instrukcję z naszego cyklu. Możliwości dostosowywania szablonów jest wiele. Blogger to przebogata aplikacja w różnorodne kody CSS. Dziś przedstawiam wam odpowiedź na pytanie: "Jak powiększyć awatary komentarzy?". Instrukcja opracowana przez Śniącą z bloga Tajemniczy Ogród

   
Ikonki skradzione z bloga Viradecthis


1) Idziemy sobie do menu Szablon, wybieramy Dostosuj, następnie Zaawansowane
 i Dodaj arkusz CSS.
2) Wklejamy tam taki oto kod:

.comments .avatar-image-container{
margin: 0px 20px 10px 0px;
padding: 0px;
width: 75px;
max-height: 75px;
}
.comments .avatar-image-container img{
margin: 0px 10px 10px 0px;
padding: 0px;
max-width: 75px;
height: 75px;
}

3) Teraz objaśnienie symboli. Zielone liczby odpowiadają za nowe wymiary awatara. Wszystkie powinny być takie same, ponieważ w oryginale awatary na blogspocie są kwadratowe, a jeśli zaburzymy ich względne wymiary, to nam się porozciągają. Poza tym odradzam szarżowanie z rozmiarem. Wszystko dlatego, że zmiana tych wartości powoduje rozciągnięcie tego małego obrazeczka, a jak wiadomo rozciągane obrazki się pikselują.
4) Niebieskie cyfry odpowiadają za pustą przestrzeń wokół awatara. Z wartościami marginesu polecam eksperymentować. Pierwsza z nich odpowiada górnemu marginesowi, a następne kolejnym zgodnie z ruchem wskazówek zegara.

1 komentarz: