yeahh, hey reader.. :) this time for blockquote, nie sume hasil try and error bam, hee, okay nak ajar mcm mane buad icon comel gerak-2 dekat tepi blockquote.. err BLOCKQUOTE ape tu..???okay tgk bawah nie :)
okay first pergi dashboard, lepas tu cari template.. tak taw dekat mane..??
tekan cntl+f cari code blockquote dlm template..
blockquote {
webkit-transition-duration: 1.0s;
background-image: url(URL BCKGRND KORG SUKE);
border: 3px solid #FFC2D5;
color:#2E2E2E;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}
blockquote:hover {
background-color: #FFF0F5;
-webkit-transition-duration: 3.5s;
background-image:url(URL IMEJ GERAK-2 YG KORG SUKE);
background-position:bottom right;
background-repeat:no-repeat;
}
boleh tukar color (background) yg korg suke, code warna dekat SINI
URL BCKGRND KORG SUKE : wajib ada, boleh cari yg cute dekat SINI
nak lagi comel usha belog cicak tersepit dekat SINI
NOTA BAMBAM : NAK AMEK URL IMEJ/ IMEJ GERAK-2 : click right kat bckground/imej gerak-2 yg korg plih and plih ' copy image URL' kay :)
*p/s : credit to sis Anyss untuk cute background :)
highlightkan ayat then click quote tu, hasilnya, jeng jengg-jenggg ..... haha
INI LAH RUPA BLOCKQUOTE YEE KAWAN-KAWAN SEKALIAN, HEE
okay first pergi dashboard, lepas tu cari template.. tak taw dekat mane..??
tekan cntl+f cari code blockquote dlm template..
DELETE SEMUA CODE TU AND COPY CODE BAWAH NIE (ADA 2 BENTUK) :
BENTUK PERTAMA
blockquote {
webkit-transition-duration: 1.0s;
background-image: url(URL BCKGRND KORG SUKE);
border:2px dashed #000000;
padding: 8px;
color: #888888;
max-width: 450px;
-moz-opacity:0.75;
filter:alpha(opacity=75);
-khtml-opacity: 0.75;
opacity: 0.75;
-moz-border-radius: 35px;
border-radius: 35px;
}
blockquote:hover {
background-color: #FFC8F2;
-webkit-transition-duration: 3.5s;
background-image:url(URL IMEJ GERAK-2 YG KORG SUKE);
background-position:bottom right;
background-repeat:no-repeat;
}
BENTUK KEDUA
webkit-transition-duration: 1.0s;
background-image: url(URL BCKGRND KORG SUKE);
border: 3px solid #FFC2D5;
color:#2E2E2E;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}
blockquote:hover {
background-color: #FFF0F5;
-webkit-transition-duration: 3.5s;
background-image:url(URL IMEJ GERAK-2 YG KORG SUKE);
background-position:bottom right;
background-repeat:no-repeat;
}
boleh tukar color (background) yg korg suke, code warna dekat SINI URL BCKGRND KORG SUKE : wajib ada, boleh cari yg cute dekat SINI : http://dl2.glitter-graphics.net/pub/51/51082b97w96e86g.gif
: http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif
: http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif
: http://dl9.glitter-graphics.net/pub/244/244519cj7iewvdtg.gif
nak lagi comel usha belog cicak tersepit dekat SININOTA BAMBAM : NAK AMEK URL IMEJ/ IMEJ GERAK-2 : click right kat bckground/imej gerak-2 yg korg plih and plih ' copy image URL' kay :)
*p/s : credit to sis Anyss untuk cute background :)
