Monday, January 14, 2013

Tutorial : Navigate Terapung #2

Tumblr_mgc73zf1lb1s1svfvo1_500_large

안녕하세요 , こんにちは . Assalamualaikum.Yes!! akhirnya Atin dapat juga buat rekaan atin hahah . BTW navigate terapung ni Atin buat sendiri . So atin dah penat2 gila nak buat --. kalau boleh atin bagi peringatan sikitlah -.- Sbb code die mmg2 gile susah -.- korang pun x pham ><. Jangan re-tuto or re-credit or what everlah .. just pakai sahaja kalau mahu.. ingat :(


  • Kalau guna classic template, paste dekat bawah </style>
  • Template designer paste code dalam HTML/GADGET 



<!-------http://fatinhalid.blogspot.com/ own. Do not remove this credit.---->
<style>
.starburst {
position:fixed;
top:100px;
left:10px;
border:2px solid #FCDFFF;
display:block;
width:5em;
height:5em;
background:#fff;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
rotation:-45deg;
position:relative;
top:2em;
left:2em;
text-align:center;
text-decoration:none;
color:#000;
font-weight:bold;
font: 7px tahoma;
-webkit-box-shadow: 0 3px 7px 1px rgba(214,219,206,0.75);
-moz-box-shadow: 0 3px 7px 1px rgba(214,219,206,0.75);
box-shadow: 0 3px 7px 1px rgba(214,219,206,0.75);
}
.starburst span {
border:2px solid #FCDFFF;
display:block;
width:5em;
height:5em;
background:#fff;
-webkit-transform:rotate(22.5deg);
-moz-transform:rotate(22.5deg);
rotation:22.5deg;
}
.starburst span:hover{
-webkit-transform:rotate(2.5deg);
-moz-transform:rotate(2.5deg);
rotation:2.5deg;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
</style>
<a href="LINKHERE" class="starburst">
   <span><span><span>
      <br>FACEBOOK<br>
   </span></span></span>
</a>
<br><br>
<a href="LINKHERE" class="starburst">
   <span><span><span>
      <br/>FANPAGE<br/>
   </span></span></span>
</a>
<br><br>
<a href="LINKHERE" class="starburst">
   <span><span><span>
      <br/>BLOGGER<br/>
   </span></span></span>
</a>
<br><br>
<a href="LINKHERE" class="starburst">
   <span><span><span>
      <br/>NEW<br/>
   </span></span></span>
</a>
</div>

merah : link page
biru : title page