Dashboard


Hi! welcome to my blog. feel free to navigate around. ๐Ÿ‘
Tutorial : Hover icon di blockquote
Wednesday, August 10, 2011 โ€ข 5:55 PM โ€ข 3 comment[s]
Hello : ) tawu tak ape rupe tuto nhe ? okay tuto nhe bile kite sentuh blockquote , automatik icon dlm blockquote tuh akan turun dgn sendiri . Kalau nk tahu lebih lanjut , cube try sentuh blockquote dlm tuto nhe okay . Selamat mencuba : )


 First pegi Design > Edit HTML > Tick Expand Widget

 Click CTRL+F cari code nhe
.post blockquote {
 Then , copy code nhe bawah code td .
background:url(); background: #CED8F6;
border-top: 2px dotted #58ACFA;
border-left: 4px solid #58ACFA;
border-right: 4px solid #58ACFA;
border-bottom: 2px dotted #58ACFA;
margin:1em 20px;
colour:}
blockquote:hover {
background-color: #CED8F6;
-webkit-transition-duration: 2.5s;
background-image:url(URL IMAGE);
background-position:bottom right;
background-repeat:no-repeat;
border-top: 2px solid #58ACFA;
border-left: 4px dotted #58ACFA;
border-right: 4px dotted #58ACFA;
border-bottom: 2px solid #58ACFA;
margin:1em 20px:

 merah : warna border blockquote
        purple : url image icon tuh . boleh cari kat SINI
        biru : background blockquote

 Done ! Like and Comment :)

Labels:


ยซ Newer
Older ยป