STYLE CYTATÓW CZ. 1

Czy macie jakieś ulubione style na cytaty?
By ładnie wyglądały wiele dla Was znaczące słowa
do których się np. stosujecie w swoim życiu
tak jak ja?

Dziś proponuję Wam kilka takich,
a przy okazji udostępnię Wam moje
ukochane cytaty do których się stosuje
i są moimi ulubionymi :)

Na razie takie proste.
Kolory oczywiście możecie zmienić ;)
Wielkość tekstu również :D

A jak to zainstalować?
Nic trudnego!

Wchodzicie w edycję szablonu...
Wyszukujecie ]]></b:skin>
i tuż nad wklejacie któryś ze stylów :)
Zapisujecie szablon i gotowe,
a już wkrótce podam Wam przepis
na jeszcze inne stylizacje ;)
Zapraszam!

Styl 1

.post blockquote { display:block; background: #fff; content: ”; padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; font-family: Georgia, serif; font-size: 20px; line-height: 1.5; color: #eb95a4; text-align: center; border-left: 15px solid #ee97a6; border-right: 1px dotted #ee97a6; -moz-box-shadow: -1px 2px 5px #ccc; -webkit-box-shadow: -1px 2px 5px #ccc; box-shadow: -1px 2px 5px #ccc; } .post blockquote:before{ content: "\201C"; font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #979797; position: absolute; left: 10px; top:5px; } .post blockquote:after{ content: ""; } .post blockquote a{ text-decoration: none; background: #eee; cursor: pointer; padding: 0 3px; color: #c76c0c; } .post blockquote a:hover{ color: #666; }

Styl 2

.post blockquote { background: none repeat scroll 0 0 #FFFFFF; border: 10px solid #778898; border-radius: 240px 240px 240px 240px; color: #455577; margin: 1em 140px 80px; padding: 70px 70px; position: relative; text-align: center; font: 1.5em/1.4 Cambria,Georgia,sans-serif; font-weight: bold; } .post blockquote:before { background: none repeat scroll 0 0 #FFFFFF; border: 10px solid #aabbcb; border-radius: 50px 50px 50px 50px; bottom: -40px; content: ""; display: block; height: 50px; position: absolute; right: 100px; width: 50px; z-index: 10; } .post blockquote:after { background: none repeat scroll 0 0 #FFFFFF; border: 10px solid #ddeefe; border-radius: 25px 25px 25px 25px; bottom: -60px; content: ""; display: block; height: 25px; position: absolute; right: 50px; width: 25px; z-index: 10; }

Styl 3

.post blockquote { background: linear-gradient(#ffe0e5, #ec8b9d) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 10px 10px 10px 10px; color: #ffffff; margin: 30px 15px 5px; padding: 15px 30px; position: relative; font: 1.6em/1.4 Cambria,Georgia,sans-serif; font-weight: bold; } .post blockquote:after { border-color: rgba(0, 0, 0, 0) #ffe0e5; border-style: solid; border-width: 50px 0px 0px 20px; top: -50px; content: ""; display: block; left: 50px; position: absolute; width: 0; }

Styl 4

  .post blockquote { display:block; background: #fff; content: ”; background-image: url(http://i68.tinypic.com/dx1x7m.jpg); padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; font-family: Georgia, serif; font-size: 20px; line-height: 1.5; color: #2270c5; text-align: center; border-left: 15px solid #6a9cd9; border-right: 1px dotted #6a9cd9; -moz-box-shadow: -1px 2px 5px #ccc; -webkit-box-shadow: -1px 2px 5px #ccc; box-shadow: -1px 2px 5px #ccc; } .post blockquote:before{ content: "\201C"; font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #6a9cd9; position: absolute; left: 10px; top:5px; } .post blockquote:after{ content: ""; } .post blockquote a{ text-decoration: none; background: #eee; cursor: pointer; padding: 0 3px; color: #c76c0c; } .post blockquote a:hover{ color: #666; }

A mój blogowy jest taki jak poniżej ;)

Pracuj
w ciszy.
Niech efekty
zrobią
hałas!