Daisypath Anniversary tickers

18.3.11

Tutorial ; Blockquotes

nah, yg ni Hanif mintak, so ni lah dia ;) to do the BlockQuotes.
like mine, nmpk nmpk? tapi tak lawa pon. so untuk anda dapat satu, so here's the thing.


tekan ini, Dashboard > Design > Edit HTML
* jgn lupa utk tick Expand Widget tu okay ;)
the tekan Ctrl + F utk cari code bawah ni,


.post blockquote {

then, you copy code bawah ni, and paste kat bawah code .post blockquote { tuu.


background:url(URL GAMBAR); padding:5px;
Border:2px dashed #00000;
colour:#FFFFFF}
blockquote:hover {
background: url(URL GAMBAR) repeat right bottom ;
border:2px dashed     #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}


whats the color means? ahaaaks~


URL GAMBAR = letak url gambar yang you nak tu
2 = size border, makin kecik number, makin halus border
dashed = style border yang
#000000 = colorr border
URL GAMBAR = gambar yang akan keluar bile hover cursor kat kotak blockquote
2 = size border when hover cursor dekat kotak blockquote
dashed = style border when hover cursor kat kotak blockquote


gambar utk background tu korg bole search kat Photobucket, Flickr or sebagainya. but as for me, taktau npe, i suka Google je :D
and ni stail border yg you bole pakai ;

  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset