Wednesday, January 9, 2013

Tutorial : Cute Bias List #4


안녕하세요 , こんにちは . Assalamualaikum. Sebelum Atin nak mula , Atin nak minta sangat2 credit. kalau nak guna sebagai tuto . Atin buat penat2 just copy je -,-  atin x larang copycat re-code kan? just kalau buat sebagai tuto ni boleh tapi jangan lupa credit Atin ok.. Ingat pesanan atin k.



  • Simple/Design Template copy dalam Page
  • Classic Template copy , letak tempat yang korang suka 
  •  photo icon http://t.imgbox.com/abiBsbo1.jpg tukar kpd url icon bias korang k




<style type="text/css">
.iconborder{ box-shadow:2px 2px 2px #ccc;background:#D3D3D3;padding:3px; width:90px;height:90px;border-radius:30px 0px 30px 0px;}

.icon{background:#D3D3D3; width:90px;height:90px;border-radius:30px 0px 30px 0px;
-webkit-transition: 0.4s; -moz-transition: 0.4s; border:none; }

.name{background:#D3D3D3; opacity:0.9; text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px;border-buttom:1px solid #ccc;
width:55px;padding:4px;text-align:center;color:#888; text-transform:uppercase;margin-top:-1px; -webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 16px 1px;border-radius: 0px 0px 5px 5px;  box-shadow:2px 2px 2px #ccc;}
</style>

<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="http://t.imgbox.com/abiBsbo1.jpg"></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="http://t.imgbox.com/abiBsbo1.jpg"></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="http://t.imgbox.com/abiBsbo1.jpg"></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="http://t.imgbox.com/abiBsbo1.jpg"></div>
<div class="name"style="margin-left:20px;">
BIAS NAME</div>
</td>
 </tr>


  • Kalau nak tambah bias list punye box boleh copy code bawah ni 



 <td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://t.imgbox.com/abiBsbo1.jpg"></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="http://t.imgbox.com/abiBsbo1.jpg"></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="http://t.imgbox.com/abiBsbo1.jpg"></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="http://t.imgbox.com/abiBsbo1.jpg"></div>
<div class="name"style="margin-left:20px;">
BIAS NAME</div>
</td>
 </tr>

Good luck :D

11 comments:

Elya Hanni said...

nak retutor boleh tak??

Atin Tory said...

@Elya Hanni : can but dont forget to put credit

nadiah mazli said...

akk,page yg mcm mne akk mksudkn?

Atin Tory said...

@nadiah mazli : page navigate ... x pndai letak je kat bwk about ke stuff ke

Nur Zalikha Masri said...

saya amik tau

ZakriesyaZakaria said...

Tak jadik nanti dia keluar dkat bawahhhhhhhh blog T.T

Atin Tory said...

@ZakriesyaZakaria : sesetengah blogskin x boleh terima code ni huhu.. sbb tu die x betul :(

Syada Nazurah said...

saya guna yg ini ya! terima kasih...

jihan jayhan said...

saya ambik ya ? thank you very much ! :D btw , nice blog :D

Nur Iz Dihar said...

saya guna ya ? Thanks . :D

abyika said...

Cantik.. saya ambik tau.. time kaseh