نارنجی گراف

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

نارنجی گراف

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

سلام
این وبلاگ درست شده است تا کد های کاربردی و زیبا کننده ی وبلاگ را بصورت رایگان در اختیار شما قرار دهد
از اونجایی ک من شخصا خودم هر موقعه کدی رو خواستم مجبور بودم برم تو سایت های خارجی و کلی دنبالش بگردم تا پیدا کنم به این فکر رسیدم هرچی ک بلدم ب شما هم یاد بدم
در ضمن شما هم اگه کد عجیب غریب داشتید میتونید بدید ب من تا نشر کنم واسه بقیه دوستامون استفاده کنن 😘
امید وارم کدهامون مورد پسندتون باشه

طبقه بندی موضوعی
پیوندها
  • ۰
  • ۰
به وسیله این کد شما می توانید همزمان با بازشدن سایت خود دو یا سه  صفحه جداگانه به صورت پاپ اپ را هم برای کاربران خود به نمایش دراورید از این کد می توانید برای تبلیغ محصولات خود و … استفاده کنید
توجه : کد موجود در فایل را باید بین تگ head در کد قالب خود قرار دهید. در کد بجای http://naranjigraph.blog.ir/ آدرس سایت مورد نظر خود را بطور کامل همراه با http و www درج کنید
از این کد برای وبلاگ هم میشه استفاده کرد
  • http:// Fazkhone.blog.ir
  • ۰
  • ۰
کد گوگل معلق برای وبلاگ و سایت جدید
سلام
برای این ساعت از وبلاگ نارنجی گراف
کدی را میخواهیم معرفی کنیم که حاصل زحمات شخص مدیر وبلاگ میباشد
و هیجای دنیای اینترنت منبع ندارد.
کد سرچ گوگل
بار ها کد های سرچ گوگل را دیده ایم و از شبی هم بودن کد ها شاید خسته شده باشیم
یا شاید بعضی وقت ها دوست داشته باشیم ک کد گوگل سرچ متفاوتی داشته باشیم
یا شاید دلمان بخواهد از کدی استفاده کنیم ک با دیگر کد ها متفاوت باشد
این شما این هم کد گوگل سرچ ما
لطفا قبل از کپی کد از پیش نمایش کد ما دیدن نمایید 

کد گوگل


  • http:// Fazkhone.blog.ir
  • ۰
  • ۰
سلام
با استفاده از این کد شما قادر خواهید بود تا در وبلاگ و سایت خود بنر داشته باشید
کد زیر را کپی کرده و در بخش کد های اچ تی ام ال قالب خود
یا در بخش جاوا اسکریپت جا گذاری کنید

<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
را به اندازه دخواه تغییر دهید
  • http:// Fazkhone.blog.ir
  • ۰
  • ۰

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

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

  
<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. این کد روی بیشتر مرورگر ها تست شده و هیچ مشکلی ندارد در صورت هرگونه مشکل از بخش نظرات همین پست با ما تماس بگیرید

  • http:// Fazkhone.blog.ir
  • ۰
  • ۰

کد متن متحرک

سلام 
این کد کاربردی واسه اینه که شاید شما بخواید متنتون متحرک باشه چند نوع مختلف میزارم ک هر نوعی ک با وبلاگتون ست هست رو کپی کنید
نکته: این کدو هرجا کپی کنی جواب میده هم تو قالب هم پست ارسالی و کاملا تست شده
نوع اول:
متن شما....
برای دریافت کد متن توی باکس رو کپی کنید
<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>
امیدوارم از مطلب ما خوشتون بیاد لطفا وبلاگ ما رو ب دوستانتون معرفی کنید و با نظر دادن برای هرچی بهتر شدن و کد های جدید ما را یاری کنید
  • http:// Fazkhone.blog.ir