S Y A Z W A N I T Y P I N G
Follow here


Tutorial : Flash Blocquote ON Thursday, July 7, 2011 AT 6:40 PM

Assalamualaikum ,dengan lafaz BISMILLAHIRAHMANIRAHIM ,okie tutorial ini adalah cara nak buad blocquote yang mempunyai icon kecil yang comel.
kotak ini lah tapi pattern yang ada icon kecil
  • Dashboard > Design > Edit HTML > Tick expand widget template
  • Ctrl+F serentak , cari code ni 
.post blockquote {
  • sudah jumpa paste kod ni bawah atau selepas .post blockquote {

background:url('http://dl5.glitter-graphics.net/pub/658/658645chjnyww8ey.gif'); padding:5px;
Border:4px dashed #000000;
colour:#FFFFFF}
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
blockquote:hover {
background: url(http://i870.photobucket.com/albums/ab268/nieysalova95/ilovecandyfloss/gg1.gif)repeat right bottom ;
border:4px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}
Nota pink
  • Pink=background korang nak cari sini
  • Merah=jenis border cari sini
  • Kuning =ketebalan border
  • Unggu=jenis border dashed/dotted/solid

Labels:




Older Post | Newer Post