personal site

nak cantikkan menu tab korang ?





bila cursor sentuh ada border n shadow sekeliling menu tab tu.

nak buat ?


DENIM TEMPLATE


1) Dashboard > template > edit HTML
2) cari code bawah ni

]]></b:skin>

3) copy code bawah ni dan pastekan SEBELUM code yg korang cari tdi.

a.fara {
background : #d1d1d1;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
margin-bottom:2px;
width: 200px;
color: #fff;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.fara:hover {
background : #D5D5D5;
border: 3px solid #000000;
-webkit-transition-duration: 0.5s;
color: #000;
margin-bottom:2px;
font-family: Arial;
 color: #848484;
 background: #FFF;
 padding: 2px; border:3px solid #686868;
 text-decoration: none;
-moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
 -webkit-box-shadow:0 3px 7px #424242;
 -moz-box-shadow:0 3px 7px #424242;
}

4) ok save !

5) kemudian pegi dekat Dashboard > layout > Add a gadget > HTML/javascript

6) copy code bawah ni dan paste kn di ruang HTML tu.

<a class="fara"<li><a href="LINK PAGE">home</a></li>
<a class="fara"<li><a href="LINK PAGE">about</a></li>
<a class="fara"<li><a href="LINK PAGE">stuff</a></li>
<a class="fara"<li><a href="LINK PAGE">credit</a></li>
</ul>
</div>

CLASSIC TEMPLATE 


1) Dashboard > template > editHTML

2) cari code bawah ni

</style>

3) copy code bawah ni dan pastekan sebelum code yang korang cari tadi

a.fara {
background : #d1d1d1;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
margin-bottom:2px;
width: 200px;
color: #fff;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.fara:hover {
background : #D5D5D5;
border: 3px solid #000000;
-webkit-transition-duration: 0.5s;
color: #000;
margin-bottom:2px;
font-family: Arial;
 color: #848484;
 background: #FFF;
 padding: 2px; border:3px solid #686868;
 text-decoration: none;
-moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
 -webkit-box-shadow:0 3px 7px #424242;
 -moz-box-shadow:0 3px 7px #424242;
}

4) kemudian , cari code bawah ni

</head>

5) pastekan code bawah ni selepas code yang korang cari tadi

<a class="fara"<li><a href="LINK PAGE">home</a></li>
<a class="fara"<li><a href="LINK PAGE">about</a></li>
<a class="fara"<li><a href="LINK PAGE">stuff</a></li>
<a class="fara"<li><a href="LINK PAGE">credit</a></li>
</ul>
</div>

dah siap save ok ;)

NOTE
korang pandai-pandai lah edit ye fara tengah malas ni huehue -___-

Post a Comment