Help For Loading screen

According To this forum
Hes Facebook Page
Has Close Tab or Open tab

Do you know How can i put a Facebook Page Like this on this Forum: animeph.4umer.com

Hmm I already See His Page Source

Actually I see this

Code:

<link rel="shortcut icon"href="http://i70.servimg.com/u/f70/16/73/87/59/aph_av10.jpg">
<style>
/* *********************************************************************************************

How to Create CSS3 Accordion Menu [Tutorial]
"How to Create CSS3 Accordion Menu" that was specially made for DesignModo by our friend Valeriu Timbuc.

Links:
http://vtimbuc.net/
https://twitter.com/vtimbuc
http://designmodo.com/futurico
http://vladimirkudinov.com
http://rockablethemes.com

********************************************************************************************* */

/* Reset */

.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
   margin: 0;
   padding: 0;
   border: none;
   outline: none;
}

.accordion li {
   list-style: none;
}

/* Layout & Style */

.accordion li > a {
   display: block;
   position: relative;
   min-width: 110px;
   padding: 0 10px 0 40px;
   height: 32px;

   color: #fdfdfd;
   font: bold 12px/32px Arial, sans-serif;
   text-decoration: none;
   text-shadow: 0px 1px 0px rgba(0,0,0, .35);

   background: #6c6e74;
   background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
   background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
   background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
   background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
   background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);

   -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
   -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
   box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.accordion > li:hover > a,
.accordion > li:target > a {
   color: #000000;
   text-shadow: 1px 1px 1px rgba(255,255,255, .2);
   
   /*background: url() repeat-x;*/
   background: #5d83d4;
   background: -moz-linear-gradient(top,  #5d83d4 0%, #3b5998 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d83d4), color-stop(100%,#3b5998));
   background: -webkit-linear-gradient(top,  #5d83d4 0%,#3b5998 100%);
   background: -o-linear-gradient(top,  #5d83d4 0%,#3b5998 100%);
   background: -ms-linear-gradient(top,  #5d83d4 0%,#3b5998 100%);
   background: linear-gradient(top,  #5d83d4 0%,#3b5998 100%);   
}

.accordion li > a span {
   display: block;
   position: absolute;
   top: 7px;
   right: 0;
   padding: 0 10px;
   margin-right: 10px;
   
   font: normal bold 12px/18px Arial, sans-serif;
   background: #404247;
   
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;

   -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
   -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
   box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}

.accordion > li:hover > a span,
.accordion > li:target > a span {
   color: #3b5998;
   text-shadow: 0px 1px 0px rgba(0,0,0, .35);
   background: #3b5998;
}

/* Images */

.accordion > li > a:before {
   position: absolute;
   top: 0;
   left: 0;
   content: '';
   width: 24px;
   height: 24px;
   margin: 4px 8px;

   background-repeat: no-repeat;
   background-image: url(../img/icons.png);
   background-position: 0px 0px;
}

.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before { background-position: 0px -24px; }

.accordion li.mail > a:before { background-position: -24px 0px; }
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before { background-position: -24px -24px; }

.accordion li.cloud > a:before { background-position: -48px 0px; }
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before { background-position: -48px -24px; }

.accordion li.sign > a:before { background-position: -72px 0px; }
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before { background-position: -72px -24px; }

/* Sub Menu */

.sub-menu li a {
   color: #ffffff;
   text-shadow: 1px 1px 0px rgba(255,255,255, .2);

   background: #232323;
   border-bottom: 1px solid #c9c9c9;

   -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
   -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
   box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #3b5998; }

.sub-menu li:last-child a { border: none; }

.sub-menu li > a span {
   color: #797979;
   text-shadow: 1px 1px 0px rgba(255,255,255, .2);
   background: transparent;
   border: 1px solid #c9c9c9;

   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.sub-menu em {
   position: absolute;
   top: 0;
   left: 0;
   margin-left: 14px;
   color: #a6a6a6;
   font: normal 10px/32px Arial, sans-serif;
}

/* Functionality */

.accordion li > .sub-menu {
   height: 0;
   overflow: hidden;

   -webkit-transition: height .2s ease-in-out;
   -moz-transition: height .2s ease-in-out;
   -o-transition: height .2s ease-in-out;
   -ms-transition: height .2s ease-in-out;
   transition: height .2s ease-in-out;
}

.accordion li:target > .sub-menu {
   height: auto;
}
</style>
   <style type="text/css">#wrapper-200a{width:250px;float:right;}</style>
<meta name="robots" content="noindex,follow" />
</head>

<body>
   <div id="wrapper-200a">

      <ul class="accordion">
         
         <li id="one" class="files">

            <a href="#one">Anime PH Facebook Page</a>

            <ul class="sub-menu">
               
               <li><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FAnimePH.Official&amp;width=240&amp;height=380&amp;show_faces=false&amp;colorscheme=dark&amp;stream=true&amp;border_color&amp;header=false&amp;appId=613060552053091" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:380px; background-color:#000000; filter:alpha(opacity=90);
    opacity: .90;" allowTransparency="true"></iframe></li>

<li id="two" class="mail">

            <a href="#two">Close Tab</a>
            </ul>

         </li>
      
      </ul>
      
   </div>

</body>

</html>
<center><body background="http://animedump.com/wp-content/uploads/2013/02/Download-gintama-wallpaper-1920x1080-wallpoper-293595.jpg"></center>
<center><title>Anime PH</title><br><br><img src="http://i855.photobucket.com/albums/ab117/jan2xonline/animephsmall_zpsdba1cb97.png"></center>
<center><strong><font color="black" face="Arial">A place for all Filipino Anime Fans</font></strong></center>
<center></center></BODY>


<html>
        <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
            <title>Wow slider</title>
        <style>
    /*
    * jQuery Nivo Slider v2.7.1
    * http://nivo.dev7studios.com
    *
    * Copyright 2011, Gilbert Pellegrom
    * Free to use and abuse under the MIT license.
    * http://www.opensource.org/licenses/mit-license.php
    *
    * March 2010
    */
   
   
    /* The Nivo Slider styles */
    .nivoSlider {
      position:relative;
    }
    .nivoSlider img {
      position:absolute;
      top:0px;
      left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      border:0;
      padding:0;
      margin:0;
      z-index:6;
      display:none;
    }
    /* The slices and boxes in the Slider */
    .nivo-slice {
      display:block;
      position:absolute;
      z-index:5;
      height:100%;
    }
    .nivo-box {
      display:block;
      position:absolute;
      z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
      position:absolute;
      left:0px;
      bottom:0px;
      background:#000;
      color:#fff;
      opacity:0.8; /* Overridden by captionOpacity setting */
      width:100%;
      z-index:8;
    }
    .nivo-caption p {
      padding:5px;
      margin:0;
    }
    .nivo-caption a {
      display:inline !important;
    }
    .nivo-html-caption {
        display:none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
      position:absolute;
      top:45%;
      z-index:9;
      cursor:pointer;
    }
    .nivo-prevNav {
      left:0px;
    }
    .nivo-nextNav {
      right:0px;
    }
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav a {
      position:relative;
      z-index:9;
      cursor:pointer;
    }
    .nivo-controlNav a.active {
      font-weight:bold;
    }
    /*
    Skin Name: Nivo Slider Default Theme
    Skin URI: http://nivo.dev7studios.com
    Skin Type: flexible
    Description: The default skin for the Nivo Slider.
    Version: 1.0
    Author: Gilbert Pellegrom
    Author URI: http://dev7studios.com
    */

    .theme-default .nivoSlider {
      position:relative;
      background:#fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
        margin-bottom:50px;
        -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
        -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
        box-shadow: 0px 1px 5px 0px #4a4a4a;
    }
    .theme-default .nivoSlider img {
      position:absolute;
      top:0px;
      left:0px;
      display:none;
    }
    .theme-default .nivoSlider a {
      border:0;
      display:block;
    }

    .theme-default .nivo-controlNav {
      position:absolute;
      left:50%;
      bottom:-42px;
        margin-left:-40px; /* Tweak this to center bullets */
    }
    .theme-default .nivo-controlNav a {
      display:block;
      width:22px;
      height:22px;
      background:url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
      text-indent:-9999px;
      border:0;
      margin-right:3px;
      float:left;
    }
    .theme-default .nivo-controlNav a.active {
      background-position:0 -22px;
    }

    .theme-default .nivo-directionNav a {
      display:block;
      width:30px;
      height:30px;
      background:url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
      text-indent:-9999px;
      border:0;
    }
    .theme-default a.nivo-nextNav {
      background-position:-30px 0;
      right:15px;
    }
    .theme-default a.nivo-prevNav {
      left:15px;
    }

    .theme-default .nivo-caption {
        font-family: Helvetica, Arial, sans-serif;
    }
    .theme-default .nivo-caption a {
        color:#fff;
        border-bottom:1px dotted #fff;
    }
    .theme-default .nivo-caption a:hover {
        color:#fff;
    }</style>
        </head>
        <body><div style="width:700px;margin:40px auto;"><div class="slider-wrapper theme-default"><div class="ribbon"></div><div id="nivoslider-125" class="nivoSlider" style="width:700px;height:300px;"><a href="http://animeph.4umer.com/forum"><img src="http://i855.photobucket.com/albums/ab117/jan2xonline/discuss_zps0c32afc5.jpg"><a href="http://animeph.4umer.com/portal?pid=1"><img src="http://i855.photobucket.com/albums/ab117/jan2xonline/theater_zps8ce21b95.jpg"><a href="http://www.facebook.com/AnimePH.Official"><img src="http://i855.photobucket.com/albums/ab117/jan2xonline/likeus2_zpse520fb8c.jpg"><a href="/forum"><img src="http://i855.photobucket.com/albums/ab117/jan2xonline/BANNER1_zpse9c064ec.jpg"><a href="http://animeph.4umer.com/t2-anime-ph-rules"><img src="http://i855.photobucket.com/albums/ab117/jan2xonline/animephforums_zps0bd033bb.jpg"><a href="/portal"><img src="http://i855.photobucket.com/albums/ab117/jan2xonline/virtualshop_zps4f47d23d.jpg"></div>
</div>

<p><script type="text/javascript">
jQuery(window).load(function(){
    jQuery("#nivoslider-125").nivoSlider({
        effect:"random",
        slices:15,
        boxCols:8,
        boxRows:4,
        animSpeed:500,
        pauseTime:4000,
        startSlide:0,
        directionNav:true,
        directionNavHide:true,
        controlNav:true,
        controlNavThumbs:false,
        controlNavThumbsFromRel:true,
        keyboardNav:true,
        pauseOnHover:true,
        manualAdvance:false
    });
});
</script>
<script>    /*
    * jQuery Nivo Slider v2.7
    * http://nivo.dev7studios.com
    *
    * Copyright 2011, Gilbert Pellegrom
    * Free to use and abuse under the MIT license.
    * http://www.opensource.org/licenses/mit-license.php
    *
    * March 2010
    */

    (function(a){var b=function(b,c){var d=a.extend({},a.fn.nivoSlider.defaults,c);var e={currentSlide:0,currentImage:"",totalSlides:0,running:false,paused:false,stop:false};var f=a(b);f.data("nivo:vars",e);f.css("position","relative");f.addClass("nivoSlider");var g=f.children();g.each(function(){var b=a(this);var c="";if(!b.is("img")){if(b.is("a")){b.addClass("nivo-imageLink");c=b}b=b.find("img:first")}var d=b.width();if(d==0)d=b.attr("width");var g=b.height();if(g==0)g=b.attr("height");if(d>f.width()){f.width(d)}if(g>f.height()){f.height(g)}if(c!=""){c.css("display","none")}b.css("display","none");e.totalSlides++});if(d.randomStart){d.startSlide=Math.floor(Math.random()*e.totalSlides)}if(d.startSlide>0){if(d.startSlide>=e.totalSlides)d.startSlide=e.totalSlides-1;e.currentSlide=d.startSlide}if(a(g[e.currentSlide]).is("img")){e.currentImage=a(g[e.currentSlide])}else{e.currentImage=a(g[e.currentSlide]).find("img:first")}if(a(g[e.currentSlide]).is("a")){a(g[e.currentSlide]).css("display","block")}f.css("background",'url("'+e.currentImage.attr("src")+'") no-repeat');f.append(a('<div class="nivo-caption"><p></p></div>').css({display:"none",opacity:d.captionOpacity}));var h=function(b){var c=a(".nivo-caption",f);if(e.currentImage.attr("title")!=""&&e.currentImage.attr("title")!=undefined){var d=e.currentImage.attr("title");if(d.substr(0,1)=="#")d=a(d).html();if(c.css("display")=="block"){c.find("p").stop().fadeOut(b.animSpeed,function(){a(this).html(d);a(this).stop().fadeIn(b.animSpeed)})}else{c.find("p").html(d)}c.stop().fadeIn(b.animSpeed)}else{c.stop().fadeOut(b.animSpeed)}};h(d);var i=0;if(!d.manualAdvance&&g.length>1){i=setInterval(function(){o(f,g,d,false)},d.pauseTime)}if(d.directionNav){f.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+d.prevText+'</a><a class="nivo-nextNav">'+d.nextText+"</a></div>");if(d.directionNavHide){a(".nivo-directionNav",f).hide();f.hover(function(){a(".nivo-directionNav",f).show()},function(){a(".nivo-directionNav",f).hide()})}a("a.nivo-prevNav",f).live("click",function(){if(e.running)return false;clearInterval(i);i="";e.currentSlide-=2;o(f,g,d,"prev")});a("a.nivo-nextNav",f).live("click",function(){if(e.running)return false;clearInterval(i);i="";o(f,g,d,"next")})}if(d.controlNav){var j=a('<div class="nivo-controlNav"></div>');f.append(j);for(var k=0;k<g.length;k++){if(d.controlNavThumbs){var l=g.eq(k);if(!l.is("img")){l=l.find("img:first")}if(d.controlNavThumbsFromRel){j.append('<a class="nivo-control" rel="'+k+'"><img src="'+l.attr("rel")+'" alt="" /></a>')}else{j.append('<a class="nivo-control" rel="'+k+'"><img src="'+l.attr("src").replace(d.controlNavThumbsSearch,d.controlNavThumbsReplace)+'" alt="" /></a>')}}else{j.append('<a class="nivo-control" rel="'+k+'">'+(k+1)+"</a>")}}a(".nivo-controlNav a:eq("+e.currentSlide+")",f).addClass("active");a(".nivo-controlNav a",f).live("click",function(){if(e.running)return false;if(a(this).hasClass("active"))return false;clearInterval(i);i="";f.css("background",'url("'+e.currentImage.attr("src")+'") no-repeat');e.currentSlide=a(this).attr("rel")-1;o(f,g,d,"control")})}if(d.keyboardNav){a(window).keypress(function(a){if(a.keyCode=="37"){if(e.running)return false;clearInterval(i);i="";e.currentSlide-=2;o(f,g,d,"prev")}if(a.keyCode=="39"){if(e.running)return false;clearInterval(i);i="";o(f,g,d,"next")}})}if(d.pauseOnHover){f.hover(function(){e.paused=true;clearInterval(i);i=""},function(){e.paused=false;if(i==""&&!d.manualAdvance){i=setInterval(function(){o(f,g,d,false)},d.pauseTime)}})}f.bind("nivo:animFinished",function(){e.running=false;a(g).each(function(){if(a(this).is("a")){a(this).css("display","none")}});if(a(g[e.currentSlide]).is("a")){a(g[e.currentSlide]).css("display","block")}if(i==""&&!e.paused&&!d.manualAdvance){i=setInterval(function(){o(f,g,d,false)},d.pauseTime)}d.afterChange.call(this)});var m=function(b,c,d){for(var e=0;e<c.slices;e++){var f=Math.round(b.width()/c.slices);if(e==c.slices-1){b.append(a('<div class="nivo-slice"></div>').css({left:f*e+"px",width:b.width()-f*e+"px",height:"0px",opacity:"0",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(f+e*f-f)+"px 0%"}))}else{b.append(a('<div class="nivo-slice"></div>').css({left:f*e+"px",width:f+"px",height:"0px",opacity:"0",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(f+e*f-f)+"px 0%"}))}}};var n=function(b,c,d){var e=Math.round(b.width()/c.boxCols);var f=Math.round(b.height()/c.boxRows);for(var g=0;g<c.boxRows;g++){for(var h=0;h<c.boxCols;h++){if(h==c.boxCols-1){b.append(a('<div class="nivo-box"></div>').css({opacity:0,left:e*h+"px",top:f*g+"px",width:b.width()-e*h+"px",height:f+"px",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(e+h*e-e)+"px -"+(f+g*f-f)+"px"}))}else{b.append(a('<div class="nivo-box"></div>').css({opacity:0,left:e*h+"px",top:f*g+"px",width:e+"px",height:f+"px",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(e+h*e-e)+"px -"+(f+g*f-f)+"px"}))}}}};var o=function(b,c,d,e){var f=b.data("nivo:vars");if(f&&f.currentSlide==f.totalSlides-1){d.lastSlide.call(this)}if((!f||f.stop)&&!e)return false;d.beforeChange.call(this);if(!e){b.css("background",'url("'+f.currentImage.attr("src")+'") no-repeat')}else{if(e=="prev"){b.css("background",'url("'+f.currentImage.attr("src")+'") no-repeat')}if(e=="next"){b.css("background",'url("'+f.currentImage.attr("src")+'") no-repeat')}}f.currentSlide++;if(f.currentSlide==f.totalSlides){f.currentSlide=0;d.slideshowEnd.call(this)}if(f.currentSlide<0)f.currentSlide=f.totalSlides-1;if(a(c[f.currentSlide]).is("img")){f.currentImage=a(c[f.currentSlide])}else{f.currentImage=a(c[f.currentSlide]).find("img:first")}if(d.controlNav){a(".nivo-controlNav a",b).removeClass("active");a(".nivo-controlNav a:eq("+f.currentSlide+")",b).addClass("active")}h(d);a(".nivo-slice",b).remove();a(".nivo-box",b).remove();var g=d.effect;if(d.effect=="random"){var i=new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade","boxRandom","boxRain","boxRainReverse","boxRainGrow","boxRainGrowReverse");g=i[Math.floor(Math.random()*(i.length+1))];if(g==undefined)g="fade"}if(d.effect.indexOf(",")!=-1){var i=d.effect.split(",");g=i[Math.floor(Math.random()*i.length)];if(g==undefined)g="fade"}if(f.currentImage.attr("data-transition")){g=f.currentImage.attr("data-transition")}f.running=true;if(g=="sliceDown"||g=="sliceDownRight"||g=="sliceDownLeft"){m(b,d,f);var j=0;var k=0;var l=a(".nivo-slice",b);if(g=="sliceDownLeft")l=a(".nivo-slice",b)._reverse();l.each(function(){var c=a(this);c.css({top:"0px"});if(k==d.slices-1){setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed)},100+j)}j+=50;k++})}else if(g=="sliceUp"||g=="sliceUpRight"||g=="sliceUpLeft"){m(b,d,f);var j=0;var k=0;var l=a(".nivo-slice",b);if(g=="sliceUpLeft")l=a(".nivo-slice",b)._reverse();l.each(function(){var c=a(this);c.css({bottom:"0px"});if(k==d.slices-1){setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed)},100+j)}j+=50;k++})}else if(g=="sliceUpDown"||g=="sliceUpDownRight"||g=="sliceUpDownLeft"){m(b,d,f);var j=0;var k=0;var o=0;var l=a(".nivo-slice",b);if(g=="sliceUpDownLeft")l=a(".nivo-slice",b)._reverse();l.each(function(){var c=a(this);if(k==0){c.css("top","0px");k++}else{c.css("bottom","0px");k=0}if(o==d.slices-1){setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed)},100+j)}j+=50;o++})}else if(g=="fold"){m(b,d,f);var j=0;var k=0;a(".nivo-slice",b).each(function(){var c=a(this);var e=c.width();c.css({top:"0px",height:"100%",width:"0px"});if(k==d.slices-1){setTimeout(function(){c.animate({width:e,opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({width:e,opacity:"1.0"},d.animSpeed)},100+j)}j+=50;k++})}else if(g=="fade"){m(b,d,f);var q=a(".nivo-slice:first",b);q.css({height:"100%",width:b.width()+"px"});q.animate({opacity:"1.0"},d.animSpeed*2,"",function(){b.trigger("nivo:animFinished")})}else if(g=="slideInRight"){m(b,d,f);var q=a(".nivo-slice:first",b);q.css({height:"100%",width:"0px",opacity:"1"});q.animate({width:b.width()+"px"},d.animSpeed*2,"",function(){b.trigger("nivo:animFinished")})}else if(g=="slideInLeft"){m(b,d,f);var q=a(".nivo-slice:first",b);q.css({height:"100%",width:"0px",opacity:"1",left:"",right:"0px"});q.animate({width:b.width()+"px"},d.animSpeed*2,"",function(){q.css({left:"0px",right:""});b.trigger("nivo:animFinished")})}else if(g=="boxRandom"){n(b,d,f);var r=d.boxCols*d.boxRows;var k=0;var j=0;var s=p(a(".nivo-box",b));s.each(function(){var c=a(this);if(k==r-1){setTimeout(function(){c.animate({opacity:"1"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({opacity:"1"},d.animSpeed)},100+j)}j+=20;k++})}else if(g=="boxRain"||g=="boxRainReverse"||g=="boxRainGrow"||g=="boxRainGrowReverse"){n(b,d,f);var r=d.boxCols*d.boxRows;var k=0;var j=0;var t=0;var u=0;var v=new Array;v[t]=new Array;var s=a(".nivo-box",b);if(g=="boxRainReverse"||g=="boxRainGrowReverse"){s=a(".nivo-box",b)._reverse()}s.each(function(){v[t][u]=a(this);u++;if(u==d.boxCols){t++;u=0;v[t]=new Array}});for(var w=0;w<d.boxCols*2;w++){var x=w;for(var y=0;y<d.boxRows;y++){if(x>=0&&x<d.boxCols){(function(c,e,f,h,i){var j=a(v[c][e]);var k=j.width();var l=j.height();if(g=="boxRainGrow"||g=="boxRainGrowReverse"){j.width(0).height(0)}if(h==i-1){setTimeout(function(){j.animate({opacity:"1",width:k,height:l},d.animSpeed/1.3,"",function(){b.trigger("nivo:animFinished")})},100+f)}else{setTimeout(function(){j.animate({opacity:"1",width:k,height:l},d.animSpeed/1.3)},100+f)}})(y,x,j,k,r);k++}x--}j+=100}}};var p=function(a){for(var b,c,d=a.length;d;b=parseInt(Math.random()*d),c=a[--d],a[d]=a[b],a[b]=c);return a};var q=function(a){if(this.console&&typeof console.log!="undefined")console.log(a)};this.stop=function(){if(!a(b).data("nivo:vars").stop){a(b).data("nivo:vars").stop=true;q("Stop Slider")}};this.start=function(){if(a(b).data("nivo:vars").stop){a(b).data("nivo:vars").stop=false;q("Start Slider")}};d.afterLoad.call(this);return this};a.fn.nivoSlider=function(c){return this.each(function(d,e){var f=a(this);if(f.data("nivoslider"))return f.data("nivoslider");var g=new b(this,c);f.data("nivoslider",g)})};a.fn.nivoSlider.defaults={effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3e3,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:".jpg",controlNavThumbsReplace:"_thumb.jpg",keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:.8,prevText:"Prev",nextText:"Next",randomStart:false,beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};a.fn._reverse=[].reverse})(jQuery)</script>
</div>
        </body>
        </html>

<center><!-- STEP ONE: Insert this code into the HEAD section of your HTML document  -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/FORUMS-1_zps888afc8f.png";
staticImage1 = new Image();
staticImage1.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/forumshover_zps2a52ef6b.png";

loadImage2 = new Image();
loadImage2.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/discussionhover_zpse9823d9c.png";
staticImage2 = new Image();
staticImage2.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/discussion_zps43eb378f.png";

loadImage3 = new Image();
loadImage3.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/virtualshophover_zpseb10da81.png";
staticImage3 = new Image();
staticImage3.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/virtualshop_zps9bd7819b.png";

loadImage4 = new Image();
loadImage4.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/clubshover_zpscc9d94c4.png";
staticImage4 = new Image();
staticImage4.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/clubs_zpsaf16ea54.png";

// End -->
</script>

<!-- STEP TWO: Insert this code into the BODY of your HTML document  -->

<a href="http://animeph.4umer.com/forum" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://i855.photobucket.com/albums/ab117/jan2xonline/forumshover_zps2a52ef6b.png" border=0></a>

<a href="http://animeph.4umer.com/f6-anime-lobby" onmouseover="image2.src=loadImage2.src;" onmouseout="image2.src=staticImage2.src;">
<img name="image2" src="http://i855.photobucket.com/albums/ab117/jan2xonline/discussion_zps43eb378f.png" border=0></a>

<a href="http://animeph.4umer.com/portal" onmouseover="image3.src=loadImage3.src;" onmouseout="image3.src=staticImage3.src;">
<img name="image3" src="http://i855.photobucket.com/albums/ab117/jan2xonline/virtualshop_zps9bd7819b.png" border=0></a>

<a href="http://animeph.4umer.com/f9-clubs" onmouseover="image4.src=loadImage4.src;" onmouseout="image4.src=staticImage4.src;">
<img name="image4" src="http://i855.photobucket.com/albums/ab117/jan2xonline/clubs_zpsaf16ea54.png" border=0></a>
</center>
<center>
<!-- STEP ONE: Insert this code into the HEAD section of your HTML document  -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage5 = new Image();
loadImage5.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/downloadcenterhover_zps43ba09dc.png";
staticImage5 = new Image();
staticImage5.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/downloadcenter_zps0431842c.png";

loadImage6 = new Image();
loadImage6.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/loginhover_zpse5c1c17e.png";
staticImage6 = new Image();
staticImage6.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/login-1_zps8832d8d1.png";

loadImage7 = new Image();
loadImage7.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/registerhover_zps582f22c6.png";
staticImage7 = new Image();
staticImage7.src = "http://i855.photobucket.com/albums/ab117/jan2xonline/register-1_zps180d00d1.png";

// End -->
</script>

<!-- STEP TWO: Insert this code into the BODY of your HTML document  -->



<a href="http://animeph.4umer.com/login" onmouseover="image6.src=loadImage6.src;" onmouseout="image6.src=staticImage6.src;">
<img name="image6" src="http://i855.photobucket.com/albums/ab117/jan2xonline/login-1_zps8832d8d1.png" border=0></a>

<a href="http://animeph.4umer.com/register" onmouseover="image7.src=loadImage7.src;" onmouseout="image7.src=staticImage7.src;">
<img name="image7" src="http://i855.photobucket.com/albums/ab117/jan2xonline/register-1_zps180d00d1.png" border=0></a>
</center><div style="text-align: right;"><span style="font-size: x-small;"><a href="http://www.forumotion.com" target="_blank">forumotion.com</a></span><br><span style="font-size: x-small;"></span></div>
<hide><div style="text-align: center; margin: auto"><object type="application/x-shockwave-flash" style="width:5px; height:5px;" data="http://www.youtube.com/v/Z9EPAbWahUY?color2=FBE9EC&amp;rel=0&amp;loop=1&amp;hd=1&amp;autoplay=1&amp;version=3">
        <param name="movie" value="http://www.youtube.com/v/Z9EPAbWahUY?color2=FBE9EC&amp;rel=0&amp;loop=1&amp;hd=1&amp;autoplay=1&amp;version=3" />
        <param name="allowFullScreen" value="true" />
        <param name="allowscriptaccess" value="always" />
        </object></hide>

<script language=JavaScript>
    <!--

    //Disable right mouse click Script
    //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
    //For full source code, visit http://www.dynamicdrive.com

    var message="Design and Content by JAN2XONLINE";

    ///////////////////////////////////
    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }
    }

    function clickNS4(e){
    if (document.layers||document.getElementById&&!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }
    }
    }

    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&&!document.getElementById){
    document.onmousedown=clickIE4;
    }

    document.oncontextmenu=new Function("alert(message);return false")

    // -->
    </script>

now could you tell me what ill put
in my html or css
i dont know just tell me thanks
..

Hi,

Have you tried asking him for the code? I have the code of the HTML page, but I do not want to distribute it since he locked right click for a reason.

Sir Chivas™ wrote:Hi,

Have you tried asking him for the code? I have the code of the HTML page, but I do not want to distribute it since he locked right click for a reason.

I hope I can ask him

He prevent it
Then hes selfish right?

then how can i ask a selfish...

thanks but
do you know some Other way?

He's not selfish, you wouldn't like other users stealing a code that makes your forum stand out and unique. So, please be respectful.

I don't think there isn't any other way, sorry. It's his coding which I will not provided without his permission.

Sir Chivas wrote:He's not selfish, you wouldn't like other users stealing a code that makes your forum stand out and unique. So, please be respectful.

I don't think there isn't any other way, sorry. It's his coding which I will not provided without his permission.

Thanks By The Way

Actually Hes my friend He help me with sliding facebook page on home page
He give me code

But He said i will not give the loading screen facebook page
Code:

Then, I guess there isn't any other way, is this solved? I don't have the full HTML code, I'm missing the CSS that goes with it, so I'm sorry.

Sir Chivas wrote:Then, I guess there isn't any other way, is this solved? I don't have the full HTML code, I'm missing the CSS that goes with it, so I'm sorry.

Do you manage to get source on that?

i manage to get source would you mind i post it here so you can see it?