کد ها و جاوا اسکریپت های کاربردی بیان

کد بنر برای وبلاگ و سایت

سلام
با استفاده از این کد شما قادر خواهید بود تا در وبلاگ و سایت خود بنر داشته باشید
کد زیر را کپی کرده و در بخش کد های اچ تی ام ال قالب خود
یا در بخش جاوا اسکریپت جا گذاری کنید

<div style="position:fixed;right:0px;bottom:0px;z-index:1000;">
<a href="ادرس سایت/"><img class="aligncenter size-full wp-image-31947" src="ادرس تصویر" alt="up" width="120" height="240"></a>
</div> 
.
توجه داشته باشید کد بالا در جهت سمت راست وبلاگ نمایان میشود
و در صورت تغییر سایز بنر  
Width 120
height 240
را به اندازه دخواه تغییر دهید
۰ نظر موافقین ۰ مخالفین ۰
الناز محمدی

کد پخش انلاین فیلم در وبلاگ و سایت

با استفاده از ابزاری که در این پست گذاشته ایم شما قادر خواهید بود قابلیت پخش آنلاین ویدیو های خود را به کاربران بدهید

مثلا میتوانید فیلم های آموزشی خود را برای مشاهده به صورت آنلاین در پست های وبلاگ یا سایت خود برای کاربران خود بگذارید.

  
<p><br></p>
<!DOCTYPE html>
<html>
<head>
<title>پخش انلاین فیلم</title>
</head>
<body>
 <video src="لینک دانلود فیلم" width="500" height="500" controls>
  <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p>
 </video>
</body>
</html>
  1. توجه برای استفاده از این ابزار هیچ نیازی به فلش پلیر نیست
  2. همه مدیران سایت و وبلاگ ها میتوانند از این ابزار استفاده کنند
  3. کاربران بلاگ بیان بدون فعال کردن کد های جاوا اسکریپت میتوانند از این ابزار استفاده کنند
  4. این کد روی بیشتر مرورگر ها تست شده و هیچ مشکلی ندارد در صورت هرگونه مشکل از بخش نظرات همین پست با ما تماس بگیرید

۰ نظر موافقین ۰ مخالفین ۰
الناز محمدی

کد متن متحرک

سلام 
این کد کاربردی واسه اینه که شاید شما بخواید متنتون متحرک باشه چند نوع مختلف میزارم ک هر نوعی ک با وبلاگتون ست هست رو کپی کنید
نکته: این کدو هرجا کپی کنی جواب میده هم تو قالب هم پست ارسالی و کاملا تست شده
نوع اول:
متن شما....
برای دریافت کد متن توی باکس رو کپی کنید
<p><br></p><textarea style="width: 300px; height: 32px;"> <marquee behavior="scroll" direction="left">متن شما....</marquee>
</textarea>

نوع دوم

متن شما ...


برای دریافت کد متن توی باکس رو کپی کنید
<style style="text/css">
.marquee {
 height: 50px; 
 overflow: hidden;
 position: relative;
}
.marquee p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%); 
 transform:translateX(100%);
 /* Apply animation to this element */ 
 -moz-animation: scroll-left 5s linear infinite;
 -webkit-animation: scroll-left 5s linear infinite;
 animation: scroll-left 5s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0% { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0% { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0% { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);   
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
</style>
<div class="marquee">
<p>متن شما...</p>
</div>



نوع سوم


متن شما... برای دریافت کد متن توی باکس رو کپی کنید
<marquee behavior="alternate">متن شما....</marquee>
توجه نوع سوم شبی نوع اوله اما یهو ناپدید نمیشه



نوع چهارم

متن شما...
<marquee behavior="scroll" direction="down">Scroll down...</marquee>




نوع پنجم
متن شما...


<marquee behavior="scroll" direction="left">متن شما...</marquee>

نوع اخر

متن شما...


<style style="text/css">
.horizontally {
 height: 50px; 
 overflow: hidden;
 position: relative;
 background: yellow;
 color: orange;
 border: 1px solid orange;
}
.horizontally p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(50%);
 -webkit-transform:translateX(50%); 
 transform:translateX(50%);
 /* Apply animation to this element */ 
 -moz-animation: horizontally 5s linear infinite alternate;
 -webkit-animation: horizontally 5s linear infinite alternate;
 animation: horizontally 5s linear infinite alternate;
}
/* Move it (define the animation) */
@-moz-keyframes horizontally {
 0% { -moz-transform: translateX(50%); }
 100% { -moz-transform: translateX(-50%); }
}
@-webkit-keyframes horizontally {
 0% { -webkit-transform: translateX(50%); }
 100% { -webkit-transform: translateX(-50%); }
}
@keyframes horizontally {
 0% { 
 -moz-transform: translateX(50%); /* Browser bug fix */
 -webkit-transform: translateX(50%); /* Browser bug fix */
 transform: translateX(50%);   
 }
 100% { 
 -moz-transform: translateX(-50%); /* Browser bug fix */
 -webkit-transform: translateX(-50%); /* Browser bug fix */
 transform: translateX(-50%); 
 }
}
</style>
<div class="horizontally">
<p>متن شما...</p>
</div>
امیدوارم از مطلب ما خوشتون بیاد لطفا وبلاگ ما رو ب دوستانتون معرفی کنید و با نظر دادن برای هرچی بهتر شدن و کد های جدید ما را یاری کنید
۲ نظر موافقین ۰ مخالفین ۰
الناز محمدی