Kaiirex

AinaNajihah
F a n g i r l


Tumblr

FootPrint

Archive

Follow
Tutorial Sliding Bias List ♡
♡ 29.5.13 | 1:36 pm | 0 comments

Assalammualaikum and nihao o/
   Eh, hari ni mood aku okay sebab aku banyak reblog pasal KAILU lol aku pun tak tahu kenapa aku ni suka sangat dengan kailu -,- weird ha?? yeahh, orang lain pakat suka HUNHAN lol aku memang nak makan kaki lol..semalam gila sedih aku. first aku buka tumblr penuh dengan teaser Exo yang bestnya yang boleh membuatkan aku menangis sampai banjir suami aku kiss perempuan lain lol, Kai sampai hati kau .__.v and then pulak aku suruh mak tolong belikan buka sebenarnya saya isteri dia dekat kedai buku...damn tak ada!!! habis dijual gila betul T.T aku dah la nak sangat novel tu..
   okay hari ni aku buat tutorial pasal sliding Bias List .___. ini permintaan dari budak comel Dayang Farwizah :) act akak tak pandai buat tutorial heheh...tapi boleh la kan??? okay, tuto ni ada sikit code dari akak afiqah junizan thanks akak *bow*

  • Copy code dibawah ni bawah </style> 

<style type="text/css">
.nana {
width: 250px;
height: 110px;
margin-top: -130px;
position: fixed;
left: 50px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
z-index: 100;
top: 0px;
}

.nana:hover   {
margin-top: 0px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}

.rito           {
width:250px;
background: #C6DEFF;
border:1px solid #C6DEFF;
color: #5E5E5E;
padding: 0px;
overflow: hidden;
height: 128px;
}

.dora         {
text-transform: uppercase;
top: 130px;
position: absolute;
background:#C6DEFF;
color: #fff;
padding: 6px;
width:75px;
font-family:tt;
font-size:8px;
text-align:center;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
left: 0px;
}

.dora  e, .boxer:hover f   {
display: inline;
opacity:.8;
}

.dora  f, .boxer:hover e   {
display: none;
opacity:.8;
}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

</style>

<div class="nana"><div class="dora"> <e>bias list</e></div>
<div class="rito"><table><td><td>
<div style="background:#FDEEF4; width:215px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#E9CFEC;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/74826/74826_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background: #FCDFFF;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/80444/80444_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#E9CFEC;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/81493/81493_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#FCDFFF;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/82009/82009_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#E9CFEC;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/83312/83312_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#FCDFFF;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/84883/84883_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#E9CFEC;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/85279/85279_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#FCDFFF;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/87278/87278_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#E9CFEC;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/93270/93270_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#FCDFFF;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/90078/90078_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#E9CFEC;padding:4px;" src="http://ic.pics.livejournal.com/humbugss/37836994/91823/91823_900.png">

<img style="width:50px;opacity:0.9;border:1px solid #f1f1f1;background:#FCDFFF;padding:4px;" src="http://i778.photobucket.com/albums/yy64/twofallenstars/SNSD/Taeyeon/tae8-7_zpsb6030108.png"></div>
</td></tr></table></div></div>



Newer PostOlder Post