Thursday 16 June 2011

letakkan gadget title background

first of all.gadget tu adalah yang korang letak dekat tepi tu..cth cam gadget jam,gadget picture,gadget javascrpit/html dll..so dah tahu pe gadget..jom kita buat background untuk gadget tersebut bagi nampak lebih cantik nk?jom..jom...


  • dashboard >design>edit HTML 

  •  taip Ctrl + F . dah jumpa box, taip 
h2 {

  • lepas da sudah, komputer akan highlight kan code tadi kan? adakah ini yang anda akan nampak bila code tadi tertera?kalu ya..bagus...
h2 {
font: $(widget.title.font);
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;
}


  •  ok kita pegi pada next step pulak.copy code di bawah ini pulak dan seterusnya paste pada code yang berada di atas ini(yang tertera pada korang punye edit HTML(edit template) code) . maksud lebih ringkas,kod di atas akan lesap dan diganti dengan kod di bawah ini.sudah paham?
h2 {text-align:center;-moz-border-radius: 40px 10px;border-radius: 40px 10px;margin: 0 0 1em 0;
font: $(widget.title.font);color: $(widget.title.text.color);text-transform: uppercase;background:url(http://sl.glitter-graphics.net/pub/2730/2730267baqumpdcd2.gif)}
  • da sudah? preview dlu..da puas hati. pastu save ok.. da siap.gud luck!





No comments:

Post a Comment