blockquote with hover

Friday, April 29, 2011 | 2 talkiey²


Assalamualaikum !
arini ad stu rquest from adex jaty kiut . dy tny cmne nk wt blockquote .
taw k blockquote tue yg ne ? yg ny .




oke , jum stat .
first tue , sign in blog > design > edit HTML > expanded widget .
pstu , cri kod kt bwh ny .

h2 {

da jmpe ? oke lps tue , korang pste kn kod kt bwh ny di BAWAH kod
yg korang cri td .

 .post blockquote {
 background:url(URL GAMBAR
 ); padding:5px;
Border:2px solid #F778A1 ;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
colour:#FFFFFF}
blockquote:hover {
background: url(URL GAMBAR ) repeat right bottom ;
border-top: double #FFABD2;
border-left: double #EBBAFF;
border-right: double #FFABD2;
border-bottom: double #FFCCFF;
-moz-border-radius: 0px 0px;
border-radius: 0px 0px;
}

kalau xtau nak letak cmne tgk kt bawah ek .

preview dlu then save . oke , done !

cre nak gne blockquote ny > mse post entri tkan tanda " kt post tue .


p/s> orange : korang leh tukar nk solid k , dashed k or pape yg korang ske . 
green > utk border . nk melengkung k petak k  trsrah korang .
red > colour utk border . law nk tkr tgk cnii .
law x paham , tanye la ek ^_^



Jom talkiey²

Misz Mardha said...

:) akak cam ne nk gune mende ni ?

نور عملينا زهافيرح said...

@Misz Mardha ny blockquote . blockquote ny ade lam post cm akak ny yg ade background bunge² tue . cre nk gne , mse mardha nk post entri tue mardha kne tekan tande " kt post tue .