18/12/11

Code Tutorial | CSS list-style-type


Sudah lama tidak buat entri code tutorial.. jadi petang ni aku buat la tutorial ni..
sebenarnya aku tidak tahu mcmana mau terangkan pasal list-style-type.. tapi jika anda pernah guna microsoft office.. anda pasti tahu benda ni..

list-style-type ni pada template blogspot..ia disetkan list-style:none.. jadi tiada apa2 efek ...

list-style-type ada banyak jenis.. tapi aku cuma hafal 3 ja iaitu

list-style-type:decimal-leading-zero;
list-style-type:lower-roman;
list-style-type:upper-roman;

sebab aku cuma suka 3 jenis list-style-type ni.. yang lain aku kurang berminat.. hehe

contoh penulisan code css list-style-type pada template

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

jika anda padam list-style:none; widget2 seperti popular post,label.. akan ada bullet..

Disini aku sertakan live demo








contoh list-style-type:decimal-leading-zero;
  1. P0L5K4H4CKR3W
  2. P0L5K4H4CKJER
  3. APA APA SAJA LAH
  4. ITU INI BEGITU BEGINI

contoh list-style-type:upper-roman;
  1. teh tarik
  2. teh tolak
  3. teh sorong
  4. the therik

contoh list-style-type:lower-roman;
  1. huahua
  2. hehehehe
  3. kekekeke
  4. kah kah kah
  5. hahahaha




apa macam.. ada paham x?

berikut adalah cara penulisan code live demo tu





<style type='text/css'>
ol.polska {list-style-type:decimal-leading-zero;}
ol.hac {list-style-type:upper-roman;}
ol.crew {list-style-type:lower-roman;}
</style>

contoh list-style-type:decimal-leading-zero;
<ol class='polska'>
<li>P0L5K4H4CKR3W</li>
<li>P0L5K4H4CKJER</li>
<li>APA APA SAJA LAH</li>
<li>ITU INI BEGITU BEGINI</li>
</ol>

contoh list-style-type:upper-roman;
<ol class="hac">
<li>teh tarik</li>
<li>teh tolak</li>
<li>teh sorong</li>
<li>the therik</li>
</ol>

contoh list-style-type:lower-roman;
<ol class="crew">
<li>huahua</li>
<li>hehehehe</li>
<li>kekekeke</li>
<li>kah kah kah</li>
<li>hahahaha</li>
</ol>




klu tidak faham blh bertanya.. diruangan komen

Sekian

entri ja

Related Posts Plugin for WordPress, Blogger...