STATUS UPDATED!
23/06/2019 NEW LIFE NEW ADVENTURE NEW THINGS TO COME...
- Amirah Azman -

Navigation Bar Berbackground



<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/bbipa.png);
border-bottom:5px solid #FFEEEE;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}

a.jieun{
background:#FFEEEE;
text-decoration:none;
color:#FFBBBB;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}

a.jieun:hover{background:#FFBBBB;
color:#fff;
</style>
<div class="hyosung">
<a class="jieun" href="LINK">ABOUT</a>
<a class="jieun" href="LINK">TUTO</a>
<a class="jieun" href="LINK">LINKIES</a>
<a class="jieun" href="LINK">FREEBIES</a>
<a class="jieun" href="LINK">BANNER</a>
</div>
  1. Edit code diatas disini dahulu http://htmledit.squarefree.com/
  2. Dah selesai,paste semua code tadi di HTML/GADGET
  3. JIKA mahu tambahkan tab di NAVIGATION.hanya perlu tambahkan <a class="jieun" href="LINK">BANNER</a> sebelum </div>

    PERHATIAN
    tukarkan mengikut kesesuian anda ayat yang telah diwarnakan
    MERAH - CODE WARNA (CARI DISINI)
    PURPLE - URL IMAGE/BACKGROUND
    KUNING - SIZE (mengikut kesesuaian)
    BIRU - LINK PAGE/DASHBOARD DLL(mengikut anda)
    HIJAU - AYAT NAK DILETAKKAN DI NAVIGATION

    credit: wanaseoby

1 000 Pengomen Setia :

dina berkata...

Terima kasih :DD