tutorial cute

Shoutbox / Cbox /etc Hover

 sebelum :

selepas :

1. copy code dibawah & paste dekat HTML java script kalian .

 

<centre><style type="text/css">
.navs {
width:100%;
height:195px;
padding-top:3px;
padding-bottom:3px;
margin-top:0px;
font-size:11px;
font-family:arial;
text-align:center;
opacity:0;color:#777;
background-color:white;
-webkit-transition: opacity 1s linear;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;}
.navs a {
color:white;}
.outside:hover .navs {
opacity:1;}
.outside {
float:left;
margin-right:2px;
height:195px;
width:95%;}
#outside1 {
border:0px solid #444;
background-image:url('URL GAMBAR');
background-color:#555;} </style>

<div class="outside" id="outside1"><div class="navs">CODE CBOX</div></centre></centre></centre>

2.  ubah teks yg berwarna itu ^-^