Amirra Najihah







+
+

Tutorial Sidebar Hot
Friday, July 15, 2011 | 9:55 PM | 0 comment

haha .pelik tak tajuk tuto ney ? lantak lah hehh .haha :D actually ,saye tak tahu nak letak tajuk ape lah sayang .hekk .okayh ! sidebar hot tuh hape ? sidebar yg cun lah .hihi .okayh ,if nak buat sidebar mcm saye ,
Dashboard > Design > Edit Html  > Expand Widget Templates ,and awak search h2 {
paste code bawah nie mdekat bawah h2 {
margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
border-bottom: 2px dashed  #ff0e58;
background:transparent
}

haa ! ade dashed kat bawah kan ? and tulisan kat tengah with cute icon .awak boleh buat macam nie taww .

margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
border-top: 2px dashed  #ff0e58;
border-bottom: 2px dashed  #ff0e58;
background:transparent
}
  margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
border-right: 2px dashed  #ff0e58;
border-left: 2px dashed  #ff0e58;
background:transparent
}

if awak nak letak gambar pulak ,macam cupcake tuh , awak search .sidebar h2 {
and paste code ney ,kat bawah .sidebar h2 {

background:url(url gambar);
background-repeat: no-repeat;
background-position:left center;
height:25px;
margin:0;
padding:10px 3px 0 30px;
line-height:1.5em;
text-transform:uppercase;
letter-spacing:.2em;
text-align: center ;
}
 yg merah boleh tukar left / right / center okayh ?

FREEBIES :)
http://dl2.glitter-graphics.net/pub/51/51082b97w96e86g.gif

http://dl4.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif
http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif
http://dl6.glitter-graphics.net/pub/437/437716tvik3339uq.gif

kalau nak carik sendiri pun boleh ,just amek url je okayh ? selamat mencubaa ;D


♥ Older | Newer ❥