30 July 2010

Tutorial Menambah Border Blockquote

Ada 3 cara yang simple untuk mencantikkan blockquote kita. Biasanya kita boleh ubah borders, backgrounds, dan juga font styles. But first, you need to look for this code here:






.post blockquote {

---or---

blockquote {
margin:1em 20px;

Copy code warna merah tu dibawah code yang dicari. You all boleh ubah sendiri ciri-ciri pada code in red colour tu, don't worry, apa salah try kan? Just gantikan bahagian border (Code border: solid, double, grooved, dotted, dashed, inset, outset, ridged, hidden), px (makin besar no makin tebal garis border), padding (makin besar no makin besar kotak blockquotes) and colour (warna border you all), senang je. But jangan lupa Download Full Template before doing any changes tau! Kang salah, nangis berdarah la pula, kekeke!!

Untuk jenis border, try ubah ikut pic dibawah ni ya. Kalau you all tak nampak dengan jelas semua pic dalam post ni, just click image for a larger view okay! Untuk senarai code warna pilihan, click HERE

(Code border: solid, double, grooved, dotted, dashed, inset, outset, ridged, hidden)


(A) Borders
[Solid Border]
border: 1px solid #000000;
padding: 5px;



[Dotted Border]
border: 3px dotted #ff0000;
padding: 10px;




0 Sweet Roses!:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More