_BruceLee_
Demo:
+ Khi chưa mở [You must be registered and logged in to see this image.]
+ Khi mở
[You must be registered and logged in to see this image.]
Hướng dẫn
Cho code này vào CSS:
+ Khi chưa mở [You must be registered and logged in to see this image.]
+ Khi mở
[You must be registered and logged in to see this image.]
Hướng dẫn
Cho code này vào CSS:
- Code:
#backToTheTut {
background-color: whiteSmoke;
border: 1px solid white;
height: 60px;
left: -20px;
padding: 12px 20px 0 40px;
position: fixed;
top: 200px;
width: 380px;
z-index: 200;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.title {
color: #666;
font-size: 15px;
font-weight: bold;
text-shadow: 0 1px 1px white;
margin-top: -5px;}
.winred {float: right;
margin-right: -15px;
margin-top: -7px;}
Tạo 1 Js [ In the Page ]
- Code:
$(document).ready(function(){
/* This code is executed after the DOM has been completely loaded */
$('.nav a,.footer a.up').click(function(e){
// If a link has been clicked, scroll the page to the link's hash target:
$.scrollTo( this.hash || 0, 1500);
e.preventDefault();
});
// Demo
$('#backToTheTut').hover(function(){
$(this).stop().animate({'left':-20},'slow');
},function(){
$(this).stop().animate({'left':-410},'slow');
});
setTimeout(function(){$('#backToTheTut').animate({'left':-410},'slow');},2000);
});
Bỏ vào Foolter
- Code:
<div id="backToTheTut" style="left: -20px; ">
<div class="winred""><img src="http://i.imgur.com/qEBYQ.png"></div>
<div class="title">Nuestro Foro en las Redes</div>
<br><a href="#linkfb"><img src="http://i.imgur.com/ybcms.png"></a> <a href="#linktw"><img src="http://i.imgur.com/ERajl.png"></a> <a href="#linkgog"><img src="http://i.imgur.com/lAUEM.png"></a> <a href="#linkrss"><img src="http://i.imgur.com/zRYJv.png"></a> <a href="#link@msn"><img src="http://i.imgur.com/NCXF2.png"></a>
</div>