بنر های ساخته شده توسط شما - نسخه‌ی قابل چاپ

کد php:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>/*<![CDATA[*/
$('.bistscriptbanner').ready(function(){
    $('.Url').hide();
    setInterval(function(){
        $('.GoobsGoobs1').animate({fontSize:'+=3px'},100).animate({fontSize:'-=3px'},100);
        $('.GoobsGoobs2').animate({paddingLeft:'+=10px'},200).animate({paddingLeft:'-=10px'},200);
        $('.anime3').animate({fontSize:'+=5px',top:'-=5px'},200).animate({fontSize:'-=5px',top:'+=5px'},200);
        $('.anime4').animate({fontSize:'+=5px',top:'-=5px'},300).animate({fontSize:'-=5px',top:'+=5px'},300);
        $('.anime4').animate({fontSize:'+=5px',top:'-=5px'},200).animate({fontSize:'-=5px',top:'+=5px'},200);
        $('.pBText1').animate({right:0},100).animate({right:'5px'},200);
        $('.ptextAnimate').animate({left:0},300).animate({left:'10px'},300);
        for(i=0;i<$('.bistscriptbannerNav div').length;i++){
            $('.bistscriptbannerNav div:eq('+i+')').slideUp(600).slideDown(400);
        }
    },450);
    setInterval(function(){
        $('.Url').fadeIn(1000);
        $('.text').hide(1000);
        setTimeout(function(){
            $('.Url').fadeOut(500);
            $('.text').slideDown(500);
        },3000);
    },10000);
    setInterval(function(){
        $('.logoimg').fadeIn(1500);
        $('.text').hide(1500);
        setTimeout(function(){
            $('.logoimg').fadeOut(1000);
            $('.text').slideDown(1000);
        },3000);
    },10000);
});

/*]]>*/</script>
<style>/*<![CDATA[*/
@font-face {
    font-family: 'BTitr';
    src: url('http://dl.20script.ir/tools/banner/BTitrBold.eot?#') format('eot'),  /* IE6–8 */
    url('http://dl.20script.ir/tools/banner/BTitrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('http://dl.20script.ir/tools/banner/BTitrBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.bistscriptbanner{
    margin:0 auto;
    width:468px;
    height:68px;
    border:3px #06F solid;
    direction:rtl;
    color:#FFF;
    background: #333;
    border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -khtml-transition:all 0.2s ease-in-out;
}
.bistscriptbanner ,.bistscriptbanner *{
    font:30px BTitr,'B Titr',Titr,'Comic Sans MS',Tahoma;
}
.bistscriptbanner:hover{
    text-shadow:0 0 5px #09F;
    -moz-text-shadow:0 0 5px #09F;
    -o-text-shadow:0 0 5px #09F;
    -ms-text-shadow:0 0 5px #09F;
    -webkit-text-shadow:0 0 5px #09F;
    -khtml-text-shadow:0 0 5px #09F;
    color:#e9e9e9;
    box-shadow:0 5px 10px -5px #555;
    -moz-box-shadow:0 5px 10px -5px #555;
    -o-box-shadow:0 5px 10px -5px #555;
    -ms-box-shadow:0 5px 10px -5px #555;
    -webkit-box-shadow:0 5px 10px -5px #555;
    -khtml-box-shadow:0 5px 10px -5px #555;
}
.TextBanner{
    position:absolute;
    top:5%;
    right:0;
}
.ptextAnimate{
    position:absolute;
    top:15%;
    left:5px;
}
.bistscriptbannerNav{
    position:absolute;
    bottom:0;
    left:10px;
}
.bistscriptbannerNav div{
    display:inline-block;
    padding:2px 20px;
    background:#09f;
    border:1px solid #FFF;
    font-size:10px;
}
.Url{
    position:absolute;
    top:5px;
    left:0;
    width:100%;
    text-align:center;
}
.logoimg{
    position:absolute;
    top:5px;
    left:0;
    width:100%;
    text-align:center;
}
.anime3{
    font:bold 40px Arial, Helvetica, sans-serif;
    position:relative;
    left:25px;
}
.anime4{
    opacity:0.2;
    position:relative;
    left:25px;
    color:#FFFFFF;
    font:bold;
}
.anime5 {
    left:-190px;
    top:7px;
    position:relative;
}

/*]]>*/</style>
<div class="bistscriptbanner" onclick="window.open('//flashkhor.com/forum/');">
    <div class="text" style="display: block;">
        <div class="TextBanner pBText1 GoobsGoobs1" style="font-size: 30px; right: 4.6;">فلشخور</div>
        <div class="ptextAnimate" style="left: 4.2px;">
            <div style="font-size: 12px;" class="GoobsGoobs2">انجمن تخصصی فلشخور</div>
        </div>
        <div class="bistscriptbannerNav">
            <div style="display: inline-block; opacity: 1;">انجمنی تفریحی و تخصصی</div>
            <div style="display: inline-block; opacity: 1;">دارای بخش های متفاوت و بازیهای آنلاین</div>
            <div style="display: inline-block; opacity: 1;">کلیک کنید</div>
        </div>
    </div>
    <div class="Url" style="display: none;">
        <div class="anime3" style="font-size: 40px; top: 0px;">www.flashkhor.com/forum</div>
    </div>
</div>

    <div class="Url" style="display: none;">
        <div class="anime4" style="font-size: 40px; top: 0px;">www.flashkhor.com/forum</div>
    </div>
</div>

    <div class="logoimg" style="display: none;">
        <div class="anime5" style="font-size: 40px;">
   <img src="http://dl.akskhor.ir/uploads1/2_9d0e7.gif" width="70" height="70" />
        </div>
    </div>
</div>

کد php:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://up.zibatools.ir/banner/1/show.js"></script>
<!-- www.zibatools.ir --->
<style>/*<![CDATA[*/
@font-face {
    font-family: "BTitr"
    src: url("http://fontonline.ir/fonts/BTitrBold.eot?#") format("eot"),  /* IE6–8 */
    url("http://fontonline.ir/fonts/BTitrBold.woff") format("woff"),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("http://fontonline.ir/fonts/BTitrBold..ttf") format("truetype");  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.inonbanner{
    margin:0 auto;
    width:468px;
    height:68px;
    border:3px # solid;
    direction:rtl;
    color:#ffffff;
    background-image: url(http://up.zibatools.ir/baner/clas/1.jpg);
    border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -khtml-transition:all 0.2s ease-in-out;
}
.inonbanner ,.inonbanner *{
    font:30px BTitr,"B Titr",Titr,"Comic Sans MS",Tahoma;
}
.inonbanner:hover{
    text-shadow:0 0 5px #09F;
    -moz-text-shadow:0 0 5px #09F;
    -o-text-shadow:0 0 5px #09F;
    -ms-text-shadow:0 0 5px #09F;
    -webkit-text-shadow:0 0 5px #09F;
    -khtml-text-shadow:0 0 5px #09F;
    color:#e9e9e9;
    box-shadow:0 5px 10px -5px #555;
    -moz-box-shadow:0 5px 10px -5px #555;
    -o-box-shadow:0 5px 10px -5px #555;
    -ms-box-shadow:0 5px 10px -5px #555;
    -webkit-box-shadow:0 5px 10px -5px #555;
    -khtml-box-shadow:0 5px 10px -5px #555;
}
.TextBanner{
    position:absolute;
    top:5%;
    right:0;
}
.ptextAnimate{
    position:absolute;
    top:15%;
    left:5px;
}
.inonbannerNav{
    position:absolute;
    bottom:0;
    left:10px;
}
.inonbannerNav div{
    display:inline-block;
    padding:2px 20px;
    background:#;
    border:1px solid #FFF;
    font-size:10px;
}
.Url{
    position:absolute;
    top:5px;
    left:0;
    width:100%;
    text-align:center;
}
.anime3{
    font:bold 40px Arial, Helvetica, sans-serif;
    position:relative;
    left:25px;
}
.anime4{
    opacity:0.2;
    position:relative;
    left:25px;
    color:#FFFFFF;
    font:bold;
}
.anime5 {
    left:-190px;
    top:7px;
    position:relative;
}
/*]]>*/</style>
<div class="inonbanner" onclick="window.open('//flashkhor.com/forum/');">
    <div class="text" style="display: block;">
        <div class="TextBanner pBText1 GoobsGoobs1" style="font-size: 30px; right: 4.6;">فلشخور</div>
        <div class="ptextAnimate" style="left: 4.2px;">
            <div style="font-size: 12px;" class="GoobsGoobs2">انجمن های تخصصی فلشخور</div>
        </div>
        <div class="inonbannerNav">
            <div style="display: inline-block; opacity: 1;">انجمنی تفریحی و تخصصی</div>
            <div style="display: inline-block; opacity: 1;">دارای بخش های متفاوت و بازیهای آنلاین</div>
            <div style="display: inline-block; opacity: 1;">کلیک کنید</div>
        </div>
        </div>
    <div class="Url" style="display: none;">
        <div class="anime3" style="font-size: 40px; top: 0px;">www.flashkhor.com</div>
    </div>
</div>
    <div class="Url" style="display: none;">
        <div class="anime4" style="font-size: 40px; top: 0px;">www.flashkhor.com</div>
    </div>
    </div>
    <div class="logoimg" style="display: none;">
        <div class="anime5" style="font-size: 40px;">
</div>
</div>
</div>