Sunday, 20 January 2013

Tutorial: Navigation Part 1

** Assalamualaikum  **



Live preview:

home bio stuff affies

Okeh, tadi tiba-ii Lia rasa nak  try buat navigation sendiri . So, Lia try buat, Alhamdulillah jadi, p0n xD So, Lia nak share ngan korang . Hope korang suke :)

<style> 
a.liajoon{ 
display:inline-block;
-webkit-transition: 0.4s; 
-moz-transition: 0.4s; 
padding:5px; 
width:60px; 
text-decoration:none; 
font-family: calibri; 
font-size:13px; 
letter-spacing: 2px; 
height:20px; 
color: #000; 
text-align:center; 
border-top: 2px solid #cc99ff; 
border-bottom: 2px solid #cc99ff; }
a.liajoon:hover{ 
color: #fff; 
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#CED9FF; 
border-radius: 20px; } 
</style>
<center><a class="liajoon" href="Link">home</a> <a class="liajoon" href="Link">bio</a> <a class="liajoon" href="stuff">stuff</a> <a class="liajoon" hr ef="Link">affies</a></center>
Yang lain tu, pandai-ii korang la tukar ea? Lia malas nak wrnekan sume2 tu .

PERHATIAN !!

First, Lia nak ucapkan terima kasih pada kak wanaseoby as basecode . Second, navigation ni, Lia fikir sendiri nak buat style camne. Third, ni first time Lia buat navigation so, korang tolonglah hormat sikit . Forth, Jangan berani-berani korang re-post @ re-tutorial . Lia haramkan tahu ! Penat tau edit-ii kod ni . Nasib la Lia mahir sikit pasal kod . Sikit je, tak banyak xD And, harap korang enjoy ! :) Eh, cop-cop .. Kredit ? Suke hati korang lah . No paksaan-ii okeii ?

K lah, ciao lu .. Salam ;)

2 comments:

Your comments are highly appreciated :')