McJ Tutorialz ★

McJellyz Tutorialz.

★ Tutor : Blockquote macam saya .

Ni request dari Nadhirah.

1. Pergi Dashboard > Design > Edit HTML > Tick expand widget templates.

Ctrl+F , cari code ni

.post blockquote {

2. Kalau korang ada code blockquote lama, delete . saya kasi'in yang baru macam saya :)

3. Paste code ni selepas .post blockquote { tadi.

background:url(URLGMBR1); padding:5px;
Border:2px solid #F6CEE3;
-moz-border-radius: 40px 10px;
border-radius: 40px 10px;
colour:#FFFFFF}
blockquote:hover {
background: url(URLGMBR2) repeat right bottom ;
border:2px double #F6CEE3;
-moz-border-radius: 40px 10px;
border-radius: 40px 10px;
}

4. URLGMBR1 untuk main gambar. URLGMBR2 untuk gmbr bila hover.

-moz-border-radius: 40px 10px;
border-radius: 40px 10px;

Code ni adalah bentuk blockquote. Boleh diubah-2 kan. Boleh gantikan ngn code-2 bentuk ni :

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;

4. Ni border blockquote :

Border:2px solid #F6CEE3;

Watcha gotta do :

2px tu saiz border. Ubah 1px-5px kalau nak cantik.

Solid tu pattern border. Leh ubah dengan pattern-2 ni :
dotted
dashed
solid
double
groove
ridge
inset
outset

#F6CEE3 tu pulak warna blockquote. Picit SINI untuk code-2 warna :)

5. Bila dah siap tekan Preview dulu. Dah puas hati tekan Save pulak :)

- Tutorial List
- Personal Blog

p/s ; This blog is for tutorials only.
p/s(ii) ; I'm more active on my personal blog.