ஜ۩۩ஜ گفتگـــــــــــوی آزاد(ஜ۩۩ஜ192(2

کد:
</div>

  <script src="http://code.jquery.com/jquery-latest.js"></script>

<script>/*<![CDATA[*/

$('.webniazbanner').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<$('.webniazbannerNav div').length;i++){

            $('.webniazbannerNav 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://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+ */

}

.webniazbanner{

    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;

}

.webniazbanner ,.webniazbanner *{

    font:30px BTitr,'B Titr',Titr,'Comic Sans MS',Tahoma;

}

.webniazbanner: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;

}

.webniazbannerNav{

    position:absolute;

    bottom:0;

    left:10px;

}

.webniazbannerNav 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="webniazbanner" onclick="window.open('//ourtarikh.mihanblog.com/');">

    <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="webniazbannerNav">

            <div style="display: inline-block; opacity: 1;">تفریحی </div>

            <div style="display: inline-block; opacity: 1;">تبلیغاتی</div>

            <div style="display: inline-block; opacity: 1;">شرح 3</div>

        </div>

    </div>

    <div class="Url" style="display: none;">

        <div class="anime3" style="font-size: 40px; top: 0px;">WWW.ourtarikh.mihanblog.com</div>

    </div>

</div>



    <div class="Url" style="display: none;">

        <div class="anime4" style="font-size: 40px; top: 0px;">WWW.ourtarikh.mihanblog.com</div>

    </div>

</div>



    <div class="logoimg" style="display: none;">

        <div class="anime5" style="font-size: 40px;">

   <img src="http://www.akskhor.ir/do.php?imgf=Copy-of-download-2-.jpg" width="70" height="70" />

        </div>

    </div>

</div>