Tutorial : Navigation 4




okey assalamualaikum...harini nina nak ajar cara nak buat navigation new style..okey now korang hover navigation kat bawah untuk tgk contoh navigation yg nina nak tunjuk kat korang tu

Live preview :
TITLE TITLE TITLE TITLE

mmm okey? mcm mana? korang berminat? nak guna? guna jelah but jgn lupa credit sudah xD
  • copy code kat bawah
  • Template Designer : Dashboard > Layout > Add a Gadget > Paste dlm HTML/JavaScript
  • Blogskin/ Template Classic : paste code ni dibawah code </style>
<style>
a.linky {
background: #F7F7F7;
border-left:solid 5px #FCEBED;
border-right:solid 5px #FCEBED;
width:100px;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font:10px calibri;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:5px;
padding:3px;
}
a.linky:hover {
border-radius: 1em 4em 1em 4em;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
background:#F7F7F7;
}
</style>
<a class="linky " href="LINK">TITLE</a>
<a class="linky " href="LINK">TITLE</a>
<a class="linky " href="LINK">TITLE</a>
<a class="linky " href="LINK">TITLE</a>
<a class="linky " href="LINK">TITLE</a>

Share this:

,

CONVERSATION

0 Comments:

Post a Comment