...

View Full Version : Page Peel Code



billvasko
07-25-2010, 03:53 PM
I am using the page peel code below on my social network site. I would like to modify it so that it only appears on the main page of my site. What do I need to change/add? Thanks!



<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '506px',
height: '517px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '70px',
height: '72px'
}, 220);
$(".msg_block").stop()
.animate({
width: '70px',
height: '70px'
}, 200);
});
});
</script>
<div id="pageflip">
<a href="http://pagepeeler.ning.com/page/page/list"><img src="http://i187.photobucket.com/albums/x172/billvasko/pagepeel.png" alt="" />
<span class="msg_block">Page Peeler</span>
</a>
</div>

CSS:
. #pageflip {
position: relative;
}
#pageflip img {
width: 70px; height: 72px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 70px; height: 70px;
position: absolute;
z-index: 50;
right: 0; top: 0;
background: url(http://img18.imageshack.us/img18/2572/pagepeel.jpg) no-repeat right top;
text-indent: -9999px;



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum