امتیاز موضوع:
  • 2 رأی - میانگین امتیازات: 3
  • 1
  • 2
  • 3
  • 4
  • 5

بنر های ساخته شده توسط شما

#6
اینم بنر شما:
این بنر گرافیکی نیست به صورت کد هست اما متحرک و زیبا تر:


کد 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';
    
srcurl('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 ArialHelveticasans-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

کد بالا رو جایی قرار بدید که میخواید بنرتون قرار بگیره!

بنر های ساخته شده توسط شما

اینم یه چند تا لوگو..
جدید هارو بازم میذارم!

بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما
بنر های ساخته شده توسط شما

بقیه لوگو هارو از لینک زیر دانلود کنید ..

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
flashkhor_logo/دانلود

اینم به صورت کد هستش:
بنر های ساخته شده توسط شما


کد 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"
    
srcurl("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-imageurl(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 ArialHelveticasans-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



کد بالا رو جایی قرار بدید که میخواید بنرتون قرار بگیره!

نمونه جدید:

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
بنر های ساخته شده توسط شما
پاسخ
 سپاس شده توسط The moon ، مـ༻؏☆جـےـیــّ◉ـב ، BIG-DARK
آگهی


[-]
به اشتراک گذاری/بوکمارک (نمایش همه)
google Facebook cloob Twitter
برای ارسال نظر وارد حساب کاربری خود شوید یا ثبت نام کنید
شما جهت ارسال نظر در مطلب نیازمند عضویت در این انجمن هستید
ایجاد حساب کاربری
ساخت یک حساب کاربری شخصی در انجمن ما. این کار بسیار آسان است!
یا
ورود
از قبل حساب کاربری دارید? از اینجا وارد شوید.

پیام‌های داخل این موضوع
RE: بنر های ساخته شده توسط شما - امیر‌حسین - 09-03-2017، 20:42

موضوعات مرتبط با این موضوع...
  عجیب ترین اشیاء پیدا شده توسط مردم (عکس)
  عکس های دیدنی از میزهای ساخته شده شبیه جانوران
Thumbs Up نقاشی با دهان توسط هنرمندان بدون دست!
Shocked عکس هایی دیدنی از اتومبیل های ساخته شده از طلا :||
Heart عکس هایی از تاج سر عروس ساخته شده با صدف ^^
  ساخت اشکال باورنکردنی از حیوانات بادکنکی توسط یک هنرمند ژاپنی
  عکس هایی از رستوران ساخته شده با توالت در چین☻☻☻☻
  اختراع جالب آبگرمکن ساده و جالب توسط یک ایرانی ! (عکس)
Tongue اختراعات جالب و به درد بخور ساخته شده !+ تصاویر
  عروسک 2_این عروسک برای بزرگسالان ساخته شده.A

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان