Monday, December 17, 2012

Tutorial : Cute Bias List

Tumblr_meio3hlq5t1qbodr8_large
Kan tempat atin ade sediakan tempat bias atin kan? Ohh nmapaknya ade orang terjah , bukat 1,2,3 tapi 20? LOL >< ape yg diorabg tengok atin un tak tau lah haha.. Tapi diorang tu tengok list rupanya.. Ada yang berminat dengan kotak tu.. ala-ala ape ek? LOl .. haha bawah ni ade contohnya




  • Copy code pertama 


<style type="text/css">
.iconborder{border:1px solid #FFD7D7; padding:5px; width:90px;height:90px; -webkit-border-radius: 99px 99px 0px 0px;-moz-border-radius: 99px 99px 0px 0px;border-radius: 99px 99px 0px 0px;}
.icon{background:#FFD7D7; width:90px;height:90px;-webkit-border-radius: 99px 99px 0px 0px;-moz-border-radius: 99px 99px 0px 0px;border-radius: 99px 99px 0px 0px;border:none; }
.name{background:#FFD7D7; opacity:0.9; text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px;
width:98px;padding:2px;text-align:center;color:#888; text-transform:uppercase;margin-top:-1px; -webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 16px 16px;border-radius: 0px 0px 10px 10px; }
</style>



  • Copy code ke-2 bawah ni. untuk taruk bias korang

<center>
<table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="10">
<tr>
  <td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="URL ICON"></div>
<div class="name"style="margin-left:20px;">
BIAS NAME</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="URL ICON"></div>
<div class="name"style="margin-left:20px;">
BIAS NAME</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="URL ICON"></div>
<div class="name"style="margin-left:20px;">
BIAS NAME</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="URL ICON"></div>
<div class="name"style="margin-left:20px;">
BIAS NAME</div>
</td>
 </tr>


  • Kalau nak tambah kotak bias , korg pegi code ke-2 cari code <tr>
  • Dah jumpa? copy mula dari code <tr> sampai habis OK..

credit : jaera

14 comments:

Wan Nurin Farina said...

thanks erk .. :)

Atin Tory said...

@Wan Nurin Farina : ok.. u r welcome :)

nurul syafiqah said...

kak Fatin kalau ni untuk classic template je ke?

nis said...

atin, code pertama tu nak paste kat mana ? xD

Atin Tory said...

@ nis : boleh letak bawah /style . atau pun boleh letak terus ke page bias tu.

Atin Tory said...

@nurul syafiqah : ahh Design x sure.. boleh kot.. cube try kat PAGE bias..

eiazyoseobie said...

xboley la..da banyak kali cuba,,code 1st ok..masuk code 2nd sume ilang..hurmm..:'(

Atin Tory said...

@eiazyoseobie : sbnrnya Atin pun pnh jd ms try .. tp bile ubah2 skit jd jugk.. ahh mungkin awk punya x boleh kot msuk code tu..

Shin Sun said...

kamsahapnida atin! :)

AlisyaLittleGirl said...

Kamsahamnida for this Tuto ^_^

Nur Zalikha Masri said...

thank You!

Ieyra Ghani said...

Saya guna code nie tau :)

Nur Iz Dihar said...

Thanks for the tuto. Saya guna, boleh?

Atin Tory said...

@Nur Iz Dihar : boleh :)