Cantekkan Blockquote and Hover Blockquote

Salam sume yer......
Ari tuh...Cik Permata da ajar cara nak wat blockquote pade sape2 yg xde html kod kat edit html kan???ingat x???klu xingat...jom tekan laju2 kat >>>>>SINI

So..skarang neh.. nk ajar plk cre nak cantikkan blockquote yg ade background cantek......and jgk leh wat hover blockquote skali...

tau x hover tuh ape????ok...pde yg xtau..hover tuh..mknenye...ble cursor korng sentuh kt kotak blockquote...tbe2 jer background die jadi lain plak....

ok la...xnak cter pnjang2...jom truskan dgn tutorial...hehehhee.....

Pergi dashboard > design > edit html pastu seach code nie , nak senang tekan Ctrl + f
.post blockquote {
da jumpa ? copy code kat bawah then paste di bawah code yang korang jumpa tadi
background: url(URLBACKGROUND1);
border:1px solid #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;

Then ini untuk hover nye pulak. bila cursor sentuh dia jadi rupa lain pulak.
kat bawah
.post blockquote {
>>>>selepas tanda }
.post blockquote:hover {border:
4px solid #000000;
background: url(URLBACKGROUND2) repeat;
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg); }

*URLBACKGROUND gantikan url background yang korang suka. bole dapat kan di sini..
*Yang warna merah tu untuk korang punya border luar tu..pilih warna kat cnie

ok???leh la preview dlu....kmudian..klu xde masalah...trus jer save erk....:)
Kredit to...Ieyza Afieyna

p/s: kalu sudi..sila la klik Button Donate eh..xpun Klik kat SINI jer...

♥♥Suke Entry neh?Komen Byk2 Dan Klik Button Donate Yer!!♥♥

0 Doakan Cik Permata:

LinkWithin

Related Posts Plugin for WordPress, Blogger...