Nurulbalqis 'Olive' Izzuddin ; 16 years old.

“Time is an illusion, lunchtime, doubly so."

Tutorial : Change Bullet To Image

, Thursday @ 10:25 PM } 2 comment (s)



assalamualaikum and hello, peeps :]
take a look at this lists;

did you see its bullet? well, yeah. the normal one was just like this;


so, we're gonna change that icon to an image. so here's the steps;

1. mula-mula, pergi Dashboard > Design > Edit HTML
2. copy benda ni dulu;
li{
list-style-type : none;
background-image : url(URL BULLET);
background-position : left;
background-repeat : no-repeat;
padding-left : 2.0em;
}
3. then search /* Header dan paste kod tadi di ATAS /* Header.


URL BULLET tadi boleh paste dengan bullet korang. kalau malas nak cari, meh amek satu bullet;

Photobucket http://i1127.photobucket.com/albums/l630/bedahgemok/asi.gif

Photobucket http://i1127.photobucket.com/albums/l630/bedahgemok/asi-Copy.gif

Photobucket http://i1127.photobucket.com/albums/l630/bedahgemok/asi-Copy5.gif

Photobucket http://i1127.photobucket.com/albums/l630/bedahgemok/asi-Copy4.gif

Photobucket http://i1127.photobucket.com/albums/l630/bedahgemok/asi-Copy3.gif


kalau dah rasa okey, boleh save terus oh ya, sila kredit bullet warna hitam tu ke biglobe dan bullet selain warna hitam tu ke link saya. :]

Labels:


2 commenter(s)