» » Các blockquote đẹp cho WordPress

17 thg 2, 2011

Các blockquote đẹp cho WordPress

vào lúc 07:01 Đăng bởi: Trường Phát 0 nhận xét

Block quotes thông thường là dấu ngoặc kép (” “) trong đoạn văn bản để đảnh dấu làm nổi bật phần được trích dẫn từ nguồn khác; Trong Blog, “Blockquotes: được dùng trong phần thân bài viết để đánh dấu điểm nổi bật, hoặc trích dẫn, hoặc để ghi chú trích dẫn, “Blockquotes” có thể có mầu nền khác với phần thân bài viết.Demon giới thiệu vài mẩu blockquote đẹp:

HTML:
1
<blockquote class="style1">nội dung ở đây ScriptOla.com</blockquote>
CSS:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
</pre>
blockquote.style1 {
font: 14px/20px italic Times, serif;
padding: 8px;
background-color: #faebbc;
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
background-image: url(images/openquote1.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style1 span {
display: block;
background-repeat: no-repeat;
background-position: bottom right;
}
<pre>

Fancy Quote


HTML:
1
2
3
4
</pre>
<blockquote class="style5">
<div>ScriptOla.com Example</div></blockquote>
<pre>
CSS:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
blockquote.style5 {
font: 12px/18px normal "Courier New", sans-serif;
padding-left: 70px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #000;
color: white;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 5px;
background-position: middle left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style5 div {
padding-right: 50px;
display: block;
background-repeat: no-repeat;
background-position: bottom right;
}
Từ Khóa:

0 nhận xét:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)