|
Tutorial: Navigation Hover {2}
He's so cute!!
Assalamualaikum and annyeonghaseyo, actually tuto ni aku re-tuto dari kaiwufvn. Aku dah mintak permission and dia bagi green light. Aku ada edit sikit code ni.
KRIS
KRIS
Dashboard> Template
Cari code </style> and copy code kat bawah.
.one{
color:#FFFFFF;
background-color:#000000 ;
display:inline-block;
width:80px;
height:15px;
padding:4px;
border-bottom: 0px solid #444;
text-align:center;
margin-left:9px;
margin-bottom: 10px;
font-family: 'Cutive Mono', serif;
font-size:9px;
letter-spacing:2px;
text-shadow:15px 0px transparent, -15px 0px transparent;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.one:hover {
background-color:#FFFFFF ;
color: #333;
text-shadow:0px 0px #333, -0px 0px #333;
border-bottom: 0px solid transparent;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
Then, letak kat ATAS code </style> tadi.
Next step is, change your class to 'one' macam kat atas.
Example:
<a class="me" href="http://exoticfanfic.blogspot.com"title="fanfics">FanFiction</a>
pink: class
tukar kan me kepada one. Done. selamat mencuba
Labels: exo, tutorials
| 
Post a Comment