about Blockqoute
Rabu, 07 September 2011 | 03.05 | 1 comments
ini adalah Blockqoute
gambar diatas ada gambar cara menggunakan Blockqoute
Mau tau cara bikinnya ? Cekidot
Dashboard > Design > Edit HTML
Cari kode :
Pastekan kode ini dibawah kode yg kamu cari tadi :
.post blockquote {
Pastekan kode ini dibawah kode yg kamu cari tadi :
background:url(URL BACKGROUND 1); padding:5px;
Border:1px solid #000000;
-moz-border-radius: 40px 10px; border-radius: 40px 10px;colour:#FFFFFF;
}
blockquote:hover {
background: url(URL BACKGROUND 2) repeat right bottom ;
border:1px dashed #F6CEE3;
-moz-border-radius: 40px 10px; border-radius: 40px 10px;
}
Keterangan :
URL BACKGROUND 1 : main Blockqoute
URL BACKGROUND 2 : Hover Blockqoute
URL BACKGROUND 1 : main Blockqoute
URL BACKGROUND 2 : Hover Blockqoute
-moz-border-radius: 40px 10px; border-radius: 40px 10px;
kamu pilih sendiri modelnya disini
keterangan :
A :
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
B :
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
C :
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
D :
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
E :
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
F :
-moz-border-radius: 35px;
border-radius: 35px;
yang kode ini :
Border:1px solid #000000;
yang tebal kamu bisa gantikan dgn kode ini :
dashed
dotted
inset
outse
yang Merah bisa kamu ganti dgn kode HTML warna. bisa lihat disini
Save Template