- Để áp dụng style các bạn chèn code CSS tương ứng vào trước thẻ ]]></b:skin> trong template của bạn. Sau đây mình xin giới thiệu một số style:
- Khi sử dụng các bạn chuyển sang chế độ soạn HTML và sử dụng đoạn code sau:
class="bbcode">Style 1:Nội dung của bạn
class="bbcode">Style 2:
blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhovTgcECrmvNBDHhouSaV_kNFvnDyAbIqY-NurO-OYVe9D_EqOgxWwCMMI2fP3ZNyIA_xnO8mSoOLPR05zlcuCvBnh94OQgG2dkD-qGbX8bno3mJCij92agrWaFib4I1wDlWF5LxbjThE/s400/owl.png) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #DAB547;
}
blockquote p {
margin: 0;
padding-top:10px;
}
class="bbcode">Style 3:
.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0zW1yzGUSZmw3hzqnyZo9RMMaCUdVIfsAalZxAUv7MQvin8eOOIrcw8QrsAGSK58wr7Ww1NE6UXoWnVf5prGus6IUcHzjddcCs-xpCmDDTX4N-oMkfpGLWaKY4fU_2UEz1hg5BdwDho/s400/block22.gif) no-repeat right bottom;
font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia;
color : #484848;
border: 5px dashed #fff;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
class="bbcode">Style 4:
.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXfGMPNLyanzkLs8GfxssQ8RHWo7cKC9JOj6NPncV1nIYkPVdJO6cf7dE-7xpmb09UCshbhgyDUfNpC7LYzE1DEZai9In_PkyQ2H-9hQwwn27GAmSK08Glk_7PhCeBL46q6M2uVcj18_k/s1600/comma-side-orange1.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em Georgia, "Times New Roman", Times, serif;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}
class="bbcode">Style 5:
blockquote {
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiADh7JV_PXhzqdb1Npt_Vckc0KgWDo7Y5KGWUeo9RTeopoZnv8JaLDbQ4x7gYGDSsvPEFxw5EYaiHH9uyLCWWRBeOK3OsMpSxuZvVwgrljF4kxyuiKaedbGeQRFQexsaNNPC7vXRCngog/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}
class="bbcode">Style 6:
.post blockquote {
font: 18px normal Tahoma, sans-serif;
padding-top: 10px;
margin: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZqN-b1AvEqJq9PgJlvxX41QcgoaYXR9sTXdazfyPg6omq-FsqkwxKN1hLIFzObOCuIw5Z7z9FCsGfKNGHQ5QUzhQmmMz9dzfVoOEKgw0ICS472U3b9SAuyF8WvM-Qe3qJYr6gDP9z1D4/s400/comma-left.gif) no-repeat top left;
text-indent: 65px;
}
.post blockquote div {
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUV2SwCxOqIpSPMs4ts5NoDxgcMVWH3ykj-4r0f3mPOTW38v6UYFH9Z4-llxHeqHz3I55QkYB4TeAY4XJlne3qSOue-EhQO0n4cUSMjYnD7M2GAr4kPjDlAdQSvpz1A-bAz0ZY2C_YMNU/s400/comma-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
class="bbcode">Chúc các bạn thành công !
.post blockquote {
font: italic 1em "comic sans ms", Tahoma, sans-serif;
padding-top: 10px;
margin: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDqyXv_RPZzO0LYa3FqAGEeqB447Ge53dXQRMcEFQ8ChJAJxTXmXEDWZeJfkO3qUvRjF84WTpj2y6-nq3DYjODLpW1N5brO03GaldC_5vlp1bf0Kz8dHeEQLzQ644YTjDAL8ureN_rG4U/s400/comma2-left.gif) no-repeat top left;
text-indent: 65px;
}
.post blockquote div {
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzqxvtc-3yWvhYgsQiEziFAgEIUeyC7PJLpJRTEdbt9jLQKrtNdbUC1Hzf1A00CGyGG0bRIqCKj99kzeD4AVPXKsqvsQPhaO3DmqE7adDcKcrtTXhshIF7x1qwcTmx_uDDhaYtea_SZc/s400/comma2-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
Không có nhận xét nào: