Navigation With Hover
Posted Jul 26, 2013 // 6:10 AM
| LIVE PREVIEW |
1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </style>
3. Kemudian, copy code ni
a.cherry{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #FFA9B8;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.cherry:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #FF7676;
}
4. Paste di atas code </style>
5. Then, korg copy code ni pulak
<center><a class="cherry" onClick="document.getElementById('blog')6. Paste di bawah code </style>
.innerHTML=document.getElementById('profile').innerHTML">ENTRY</a>
Biru : warna background
Hijau : warna hover shadow
Pink : ID navigate. Lihat contoh di bawah
7. Untuk cari ID navigate. Korang cari dulu keyword dia. Contoh keyword tieqa "D'owner"
8. Then, korg ambil perkataan yang tieqa highlightkan warna pink tu dan masukkan
ke dalam ruagan ID navigate.
9. Preview & save
0 Comments:
Post a Comment
1# Harsh word not allowed
2# Support word , I say THANKS ^^
... Back to the blog?