Fix lại hộ em nó bị lỗi font chữ. Và cho cái slide chạy ảnh bé lại chút xíu dùm em ạ
http://demolove93.forumvi.com/
Em cảm ơn
http://demolove93.forumvi.com/
Em cảm ơn
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Hotrofm.com</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<SCRIPT src="http://hoangnhan.pro/love/effects/snow.js" type=text/javascript></SCRIPT>
<SCRIPT src="http://hoangnhan.pro/love/effects/love.js" type=text/javascript></SCRIPT>
</HEAD>
<style type="text/css">
.msg_slideshow{
width:200px;
height:100px;
padding:1px;
position:relative;
overflow:hidden;
background:#101010 url() no-repeat center center;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.msg_slideshow a{
outline:none;
}
.msg_slideshow a img{
border:none;
}
.msg_wrapper{
width:200px;
height:200px;
position:relative;
margin:0;
padding:0;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.msg_wrapper img{
display: inline-block!important;
vertical-align:middle;
-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;
box-shadow:0px 0px 10px #000;
}
.msg_controls{
position:absolute;
bottom:15px;
right:-110px;
width:104px;
height:26px;
z-index: 20;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#000;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.msg_controls a{
float:left;
background-color:#000;
width:20px;
height:20px;
margin:3px 3px;
opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
background-repeat:no-repeat;
background-position: center center;
}
.msg_controls a:hover{
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_controls a.msg_grid{
background-image:url(http://i1211.photobucket.com/albums/cc433/baivong/show/grid.png); }
.msg_controls a.msg_prev{
background-image:url(http://i1211.photobucket.com/albums/cc433/baivong/show/prev.png); }
.msg_controls a.msg_next{
background-image:url(http://i1211.photobucket.com/albums/cc433/baivong/show/next.png); }
.msg_controls a.msg_pause{
background-image:url(http://i1211.photobucket.com/albums/cc433/baivong/show/pause.png); }
.msg_controls a.msg_play{
background-image:url(http://i1211.photobucket.com/albums/cc433/baivong/show/play.png); }
.msg_thumbs{
background:#000;
position:absolute;
width:250px;
height:166px;
top:-230px;
left:50%;
padding:30px;
margin:0 0 0 -155px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
-moz-box-shadow:1px 1px 5px #000;
-webkit-box-shadow:1px 1px 5px #000;
box-shadow:1px 1px 5px #000;
opacity:0.9;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
overflow:hidden;
}
.msg_thumb_wrapper{
position:absolute;
width:250px;
height:166px;
top:30px;
left:30px;
z-index:30;
}
.msg_thumb_wrapper a{
display:block;
width:75px;
height:75px;
float:left;
margin:4px;
opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.msg_thumbs a.msg_thumb_next,
.msg_thumbs a.msg_thumb_prev{
width:18px;
height:20px;
background-repeat:no-repeat;
background-position: center center;
position:absolute;
top:50%;
margin-top:-10px;
opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.msg_thumbs a.msg_thumb_next:hover,
.msg_thumbs a.msg_thumb_prev:hover{
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_thumbs a.msg_thumb_next{
background-image:url(http://i1211.photobucket.com/albums/cc433/baivong/show/next_thumb.png); right:5px;
}
.msg_thumbs a.msg_thumb_prev{
background-image:url(http://i1211.photobucket.com/albums/cc433/baivong/show/prev_thumb.png); left:5px;
}
.msg_thumbs a.msg_thumb_close{
position:absolute;
bottom:0px;
width:50px;
left:50%;
margin:0 0 0 -25px;
background:#202020 url(http://i1211.photobucket.com/albums/cc433/baivong/show/up.png) no-repeat center center;
height:16px;
opacity:0.7;
-moz-border-radius:5px 5px 0 0;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.msg_thumbs a.msg_thumb_close:hover{
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_loading{
position:absolute;
background:transparent url(http://i1211.photobucket.com/albums/cc433/baivong/show/loading.gif) no-repeat center center;
top:50%;
left:50%;
width:50px;
height:50px;
margin:-25px 0 0 -25px;
z-index:25;
display:none;
}
body{
background:#ddd;
font-family:Arial;
}
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}
span.reference a{
color:#666;
text-shadow:1px 1px 1px #fff;
text-transform:uppercase;
text-decoration:none;
margin-right:30px;
}
span.reference a:hover{
color:#333;
}
.content{
width:700px;
margin:0 auto;
}
.msg_slideshow{
margin:0 auto;
}
a.back{
background:transparent url(http://i1211.photobucket.com/albums/cc433/baivong/show/back.png) no-repeat top left;
height:13px;
width:248px;
display:block;
clear:both;
text-indent:-9000px;
margin:20px auto;
}
a.back:hover{
background-position:0px -13px;
}
</style>
</head>
<body>
<div class="content">
<div id="msg_slideshow" class="msg_slideshow"> <div id="msg_wrapper" class="msg_wrapper">
</div> <div id="msg_controls" class="msg_controls"><!-- right has to animate to 15px, default -110px -->
<a href="#" id="msg_grid" class="msg_grid"></a> <a href="#" id="msg_prev" class="msg_prev"></a> <a href="#" id="msg_pause_play" class="msg_pause"></a><!-- has to change to msg_play if paused-->
<a href="#" id="msg_next" class="msg_next"></a> </div> <div id="msg_thumbs" class="msg_thumbs"><!-- top has to animate to 0px, default -230px -->
<div class="msg_thumb_wrapper">
<a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/1.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/1-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/2.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/2-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/3.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/3-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/4.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/4-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/5.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/5-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/6.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/6-1.jpg"/></a> </div> <div class="msg_thumb_wrapper" style="display:none;"> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/7.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/7-1.jpg"/></a>
<a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/8.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/8-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/9.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/9-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/10.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/10-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/11.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/11-1.jpg"/></a> <a href="#"><img src="http://i1211.photobucket.com/albums/cc433/baivong/show/12.jpg" alt="http://i1211.photobucket.com/albums/cc433/baivong/show/12-1.jpg"/></a> </div> <a href="#" id="msg_thumb_next" class="msg_thumb_next"></a> <a href="#" id="msg_thumb_prev" class="msg_thumb_prev"></a> <a href="#" id="msg_thumb_close" class="msg_thumb_close"></a>
<span class="msg_loading"></span><!-- show when next thumb wrapper loading -->
</div> </div>
<div>
<div>
</div> </div>
<!-- The JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"> $(function() {
/** * interval : time between the display of images
* playtime : the timeout for the setInterval function
* current : number to control the current image
* current_thumb : the index of the current thumbs wrapper
* nmb_thumb_wrappers : total number of thumbs wrappers
* nmb_images_wrapper : the number of images inside of each wrapper
*/
var interval = 4000;
var playtime;
var current = 0;
var current_thumb = 0;
var nmb_thumb_wrappers = $('#msg_thumbs .msg_thumb_wrapper').length;
var nmb_images_wrapper = 6;
/** * start the slideshow
*/
play();
/** * show the controls when
* mouseover the main container
*/
slideshowMouseEvent();
function slideshowMouseEvent(){
$('#msg_slideshow').unbind('mouseenter')
.bind('mouseenter',showControls)
.andSelf()
.unbind('mouseleave')
.bind('mouseleave',hideControls);
}
/** * clicking the grid icon,
* shows the thumbs view, pauses the slideshow, and hides the controls
*/
$('#msg_grid').bind('click',function(e){
hideControls();
$('#msg_slideshow').unbind('mouseenter').unbind('mouseleave');
pause();
$('#msg_thumbs').stop().animate({'top':'0px'},500);
e.preventDefault();
});
/** * closing the thumbs view,
* shows the controls
*/
$('#msg_thumb_close').bind('click',function(e){
showControls();
slideshowMouseEvent();
$('#msg_thumbs').stop().animate({'top':'-230px'},500);
e.preventDefault();
});
/** * pause or play icons
*/
$('#msg_pause_play').bind('click',function(e){
var $this = $(this);
if($this.hasClass('msg_play'))
play();
else
pause();
e.preventDefault();
});
/** * click controls next or prev,
* pauses the slideshow,
* and displays the next or prevoius image
*/
$('#msg_next').bind('click',function(e){
pause();
next();
e.preventDefault();
});
$('#msg_prev').bind('click',function(e){
pause();
prev();
e.preventDefault();
});
/** * show and hide controls functions
*/
function showControls(){
$('#msg_controls').stop().animate({'right':'15px'},500);
}
function hideControls(){
$('#msg_controls').stop().animate({'right':'-110px'},500);
}
/** * start the slideshow
*/
function play(){
next();
$('#msg_pause_play').addClass('msg_pause').removeClass('msg_play');
playtime = setInterval(next,interval)
}
/** * stops the slideshow
*/
function pause(){
$('#msg_pause_play').addClass('msg_play').removeClass('msg_pause');
clearTimeout(playtime);
}
/** * show the next image
*/
function next(){
++current;
showImage('r');
}
/** * shows the previous image
*/
function prev(){
--current;
showImage('l');
}
/** * shows an image
* dir : right or left
*/
function showImage(dir){
/** * the thumbs wrapper being shown, is always
* the one containing the current image
*/
alternateThumbs();
/** * the thumb that will be displayed in full mode
*/
var $thumb = $('#msg_thumbs .msg_thumb_wrapper:nth-child('+current_thumb+')')
.find('a:nth-child('+ parseInt(current - nmb_images_wrapper*(current_thumb -1)) +')')
.find('img');
if($thumb.length){
var source = $thumb.attr('alt');
var $currentImage = $('#msg_wrapper').find('img');
if($currentImage.length){
$currentImage.fadeOut(function(){
$(this).remove();
$('<img />').load(function(){
var $image = $(this);
resize($image);
$image.hide();
$('#msg_wrapper').empty().append($image.fadeIn());
}).attr('src',source);
});
}
else{
$('<img />').load(function(){
var $image = $(this);
resize($image);
$image.hide();
$('#msg_wrapper').empty().append($image.fadeIn());
}).attr('src',source);
}
}
else{ //this is actually not necessary since we have a circular slideshow
if(dir == 'r')
--current;
else if(dir == 'l')
++current;
alternateThumbs();
return;
}
}
/** * the thumbs wrapper being shown, is always
* the one containing the current image
*/
function alternateThumbs(){
$('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+current_thumb+')')
.hide();
current_thumb = Math.ceil(current/nmb_images_wrapper);
/** * if we reach the end, start from the beggining
*/
if(current_thumb > nmb_thumb_wrappers){
current_thumb = 1;
current = 1;
}
/** * if we are at the beggining, go to the end
*/
else if(current_thumb == 0){
current_thumb = nmb_thumb_wrappers;
current = current_thumb*nmb_images_wrapper;
}
$('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+current_thumb+')')
.show();
}
/** * click next or previous on the thumbs wrapper
*/
$('#msg_thumb_next').bind('click',function(e){
next_thumb();
e.preventDefault();
});
$('#msg_thumb_prev').bind('click',function(e){
prev_thumb();
e.preventDefault();
});
function next_thumb(){
var $next_wrapper = $('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+parseInt(current_thumb+1)+')');
if($next_wrapper.length){
$('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+current_thumb+')')
.fadeOut(function(){
++current_thumb;
$next_wrapper.fadeIn();
});
}
}
function prev_thumb(){
var $prev_wrapper = $('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+parseInt(current_thumb-1)+')');
if($prev_wrapper.length){
$('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+current_thumb+')')
.fadeOut(function(){
--current_thumb;
$prev_wrapper.fadeIn();
});
}
}
/** * clicking on a thumb, displays the image (alt attribute of the thumb)
*/
$('#msg_thumbs .msg_thumb_wrapper > a').bind('click',function(e){
var $this = $(this);
$('#msg_thumb_close').trigger('click');
var idx = $this.index();
var p_idx = $this.parent().index();
current = parseInt(p_idx*nmb_images_wrapper + idx + 1);
showImage();
e.preventDefault();
}).bind('mouseenter',function(){
var $this = $(this);
$this.stop().animate({'opacity':1});
}).bind('mouseleave',function(){
var $this = $(this);
$this.stop().animate({'opacity':0.5});
});
/** * resize the image to fit in the container (400 x 400)
*/
function resize($image){
var theImage = new Image();
theImage.src = $image.attr("src");
var imgwidth = theImage.width;
var imgheight = theImage.height;
var containerwidth = 400;
var containerheight = 400;
if(imgwidth > containerwidth){
var newwidth = containerwidth;
var ratio = imgwidth / containerwidth;
var newheight = imgheight / ratio;
if(newheight > containerheight){
var newnewheight = containerheight;
var newratio = newheight/containerheight;
var newnewwidth =newwidth/newratio;
theImage.width = newnewwidth;
theImage.height= newnewheight;
}
else{
theImage.width = newwidth;
theImage.height= newheight;
}
}
else if(imgheight > containerheight){
var newheight = containerheight;
var ratio = imgheight / containerheight;
var newwidth = imgwidth / ratio;
if(newwidth > containerwidth){
var newnewwidth = containerwidth;
var newratio = newwidth/containerwidth;
var newnewheight =newheight/newratio;
theImage.height = newnewheight;
theImage.width= newnewwidth;
}
else{
theImage.width = newwidth;
theImage.height= newheight;
}
}
$image.css({
'width' :theImage.width,
'height':theImage.height
});
}
});
</script>
<BODY bgColor=#ffffff onload=teclear();>
<STYLE>
BODY {
background: url(http://hoangnhan.pro/love/effects/love.jpg) #ffffff fixed no-repeat center top; LINE-HEIGHT: 10pt; FONT-FAMILY: "Courier New"; layermensaje: 2pt
}
</STYLE>
<CENTER>
<DIV id=txt align=center></DIV>
<SCRIPT type=text/javascript>
var c=9999999999999999999999999999;
var t;
var theDate = new Date();
s=theDate.getSeconds();
function ChangeUrl(site){
document.getElementById("txt").innerHTML='<a href="'+site+'" ><font color=FF00FF>Hotrofm.com</big></font></font></a>
c-=1;
url=site;
t=setTimeout("ChangeUrl(url)",1000);
stopCount(c,url);
}
function stopCount(c,link){
if(c==-1)
{clearTimeout(t);
location.href=link;}
}
</SCRIPT>
<h1><font color="red">Hotrofm.com</font></h1>
</CENTER>
<TABLE width="95%" border=0>
<TBODY>
<TR>
<TH width=30> </TH>
<TH align=left><FONT style="FONT-SIZE: 1pt" face="Courier New"
color=#000000>
<SCRIPT language=javascript>
mensaje=
'<h2><font color="FF3399">Chào mừng các bạn đến với Hotrofm.com<p align="left"><h3><font face="Courier New" color="FF00FF">Code, Index, Skin... Nhiều lắm</font></h3></p>'
line=0
cursor='_'
function teclear(){
if(line==mensaje.length) cursor=''
ttecleado.innerHTML=mensaje.substring(0,line)+cursor
if(line++<mensaje.length) setTimeout("teclear()",60)
}
</SCRIPT>
</FONT>
<DIV class="layermensaje" id="ttecleado" ></DIV>
<P></P>
<DIV style="TEXT-ALIGN: center">
<DIV
style="Z-INDEX: 99999; MARGIN-LEFT: auto; WIDTH: 480px; MARGIN-RIGHT: auto; POSITION: relative; TOP: 0px; HEIGHT: 60px"></DIV></DIV></TH></TR></TBODY></TABLE>
<object width="1" height="1"><param name="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?Mi8yZi8yMmZlMGE1YmNkODdlYTBlZGUyMjBkY2RjOTZjNjM5Ny5cUIbaBmUsICDN8WeBG92ZSBwYXJhZGlzZXxLZWxseSBDaGVdUngfDF8MQ" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed width="1" height="1" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?Mi8yZi8yMmZlMGE1YmNkODdlYTBlZGUyMjBkY2RjOTZjNjM5Ny5cUIbaBmUsICDN8WeBG92ZSBwYXJhZGlzZXxLZWxseSBDaGVdUngfDF8MQ" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />
<IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 1091px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 494px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/5.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 792px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 23px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/1.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 449px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 237px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/5.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 435px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 438px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/2.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 304px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 555px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/3.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 501px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: -395px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/0.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 1196px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 589px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/2.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 978px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: -756px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/1.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 171px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 700px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/5.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 985px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: -440px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/2.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 841px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 716px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/4.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 85px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: -395px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/1.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 189px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 234px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/4.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 1255px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 509px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/2.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 312px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 459px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/4.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 343px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 123px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/5.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 0px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 320px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/1.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 871px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: -730px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/3.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 423px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 478px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/1.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 1069px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 572px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/3.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 649px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: -72px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/1.gif"/><IMG
style="DISPLAY: block; FONT-SIZE: 1px; LEFT: 863px; WIDTH: 5px; BOTTOM: auto; POSITION: absolute; TOP: 664px; HEIGHT: 5px"
src="http://hoangnhan.pro/love/effects/0.gif"/>
</BODY>
</HTML>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<script>
/***** Tuyệt Chiêu Girl - Trái Tim Rơi Trên Blog *****/
if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['corazon']="http://lh6.googleusercontent.com/-7-WYEBOVd7c/TzMiej4AFcI/AAAAAAAACLc/w2Fn6N9jwIU/s32/heart.png";$pdj(document).ready(function(){var c=$pdj(window).width();var d=$pdj(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(8500,10000),function(){$pdj(this).fadeOut('slow',function(){f(a)})})},e(1,9000))};$pdj('<div></div>').attr('id','corazonDiv').css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=15;i++){var g=$pdj('<img/>').attr('src',image_urls['corazon']).css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('corazonDrop').appendTo('#corazonDiv');f(g);g=null};var h=0;var j=0;$pdj(window).resize(function(){c=$pdj(window).width();d=$pdj(window).height()})});
</script>
<a href="http://www.forumvi.com" target="_blank"></a>
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|