Nowy rok, nowy design bloga, nowy poradnik! Tym razem pokażemy Wam 4 sposoby, jak zmienić wygląd cytatów i jak je zedytować, by każdy mógł je dopasować do swojego bloga.
1. PIONOWA, OZDOBNA KRESKA Z LEWEJ STRONY
KOD:
.post blockquote {
border-left:10px solid #d2a6d5;padding-left:20px;}
CO MOŻNA ZMIENIĆ:
10px - szerokość ozdobnego paska
#d2a6d5 - kolor ozdobnego paska
20px- lewy margines
2. PIONOWA, OZDOBNA KRESKA Z LEWEJ STRONY + TŁO
KOD:
.post blockquote {
border-left:10px solid #d2a6d5;padding-left:20px;background:#eee;}
CO MOŻNA ZMIENIĆ:
10px - szerokość ozdobnego paska
#d2a6d5 - kolor ozdobnego paska
20px - lewy margines
#eee - kolor tła
3. ZAOKRĄGLONE ROGI + TŁO
KOD:.post blockquote {
padding:20px;background:#eee;border-radius: 0 15px 15px 15px;}
CO MOŻNA ZMIENIĆ:
#eee - kolor tła
0 15px 15px 15px - zaokrąglenie rogów
4. PIONOWA, OZDOBNA KRESKA Z LEWEJ STRONY + GRAFICZNE TŁO
KOD:.post blockquote {
padding:20px;border-left:10px solid #ddd;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8s8wKDZnK24Bi0OBadL1b3JKHuFYc06N7jf3ytMB4OVtHgEks47U6b603Wr-s3J9zg_0TD_wBqbqKYcuhsR999ScR4tIGHaAjS_27j5i_5Hm4LpLyuUEy8YQntD5MxNwEJEtR9PYenzDH/s1600/szare+zygzaki50.png);}
CO MOŻNA ZMIENIĆ:
10px - lewy margines#ddd - kolor ozdobnego paska
http://4.bp.blogspot.com/-I7XvY5FUhYA/U7-Hp1S1ucI/AAAAAAAAB3Y/vE -VP7oCza0/s1600/szare+zygzaki50.png - adres obrazka, który służy jako tło
Wrote by Unknown