close
تبلیغات در اینترنت
کد متن متحرک در سایت یا وبلاگ

جور وا جور

برای گفتگویی آزادتر با دوستانتان
به انجمن ما مراجعه کنید
قالب جدیدی برای وبلاگتان نیاز دارید؟!!
شهرقالب !
دنبال مطالب تفریحی هستید؟!
بخش تفریحی!
اطلاعات سایت

آمار مطالب
کل مطالب : 68
کل نظرات : 72
آمار کاربران
افراد آنلاین : 1
تعداد اعضا : 2
آمار بازدید
آی پی امروز : 2
آی پی دیروز : 3
بازدید امروز : 38
باردید دیروز : 0
ورودی امروز گوگل : 0
ورودی گوگل دیروز : 0
بازدید هفته : 40
بازدید ماه : 44
بازدید سال : 97
بازدید کلی : 43,197
مشخصات
آی پی : 54.167.18.170
سیستم عامل :
مرورگر:
آرشیو

پیوند های روزانه

نویسنده : تنها
بازدید : 10


با سلام. امروز يكي از پر كاربرد ترين كدهاي موجود در وب را معرفي مي كنيم. اين كد متن مورد نظر شما را به حركت در مي آورد. در ادامه ي مطلب آموزشي بسيار كامل تقديمتان خواهد شد. پس با ما همراه باشيد.

 

عمل كرد كد در مرورگرها (نرم افزار هاي تماشاي سايت)

نگارش مرورگر عمل مي كند/نمي كند
7.0 Internet Explorer عمل مي كند
3.0 Mozilla Firefox (beta) عمل مي كند
9.0 Netscape عمل مي كند

 

 خوب. حالا با همديگه قدم به قدم مي ريم جلو تا با جزئيات اين كد بيشتر آشنا بشيم. كد اصلي اين شكليه:

 

 

 

<marquee>
TEXT
</marquee>

 

 

 

شما بايد توي كد بالا به جاي عبارت "TEXT" متني كه مي خواهيد حركت كند را وارد نماييد. خروجي كد بالا به شكل زير است.

TEXT

  حالا امكان داره كه شما بخواهيد سرعتي رو براي اين متن در نظر بگيريد. پس كد به شكل زير تغيير مي كنه:

 

 

<marquee
scrollamount="1"
scrolldelay="20"
>
TEXT
</marquee>

 

 

در كد بالا در عبارت scrollamount="1" به جاي عدد 1 سرعت حركت را مشخص مي كنيد. هرجه اين عدد بزرگتر باشد سرعت حركت بيشتر است. همچنين در عبارت  scrolldelay="20" به جاي عدد 20 تاخير لازم براي طي شدن مسير توسط متن را وارد كنيد. در كل بايد روي اين مقادير كمي كار كرده و آن را تست كنيد تا حركت مورد علاقه را بدست آوريد. خروجي كد بالا با مقادير scrollamount="1" scrolldelay="20" به شكل زيره:

TEXT

 حال شايد بخواهيد براي متن متحرك خود اندازه، رنگ و قلم در نظر بگيريد. حالا كد اين شكلي ميشه:

 

 

<marquee
scrollamount="1"
scrolldelay="20"
style="font-family: Tahoma;
font-size: 10pt;
color: red"
>
TEXT
</marquee>

 

 

خوب… شايد كمي پيچيده به نظر برسه. اما اصلا اينطوري نيست. به جاي عبارت هايTahoma و 10pt و red به ترتيب فونت نوشته، سايز نوشته و رنگ نوشته را مشخص نماييد. خروجي كد بالا به شكل زيره:

TEXT

 ممكنه نوشته ي شما فارسي باشه. در اين صورت بهتره كه از راست به چپ حركت كنه. يا اين كه شايد شما مايل باشيد نوشتتونه از بالا به پايين يا از پايين به بالا حركت كنه. پس يك تغيير ديگه توي كد به وجود مياد:

 

 

<marquee
scrollamount="1"
scrolldelay="20"
style="font-family: Tahoma;
font-size: 10pt;
color: red"
direction="right">
TEXT
</marquee>

 

 

در كد بالا در عبارت direction="right" به جاي كلمه ي right جهت حركت را مشخص فرماييد. (up: پايين به بالا، down: بالا به پايين، left: راست به چپ، right: چپ به راست) خروجي كد بالا به شكل زيره:

TEXT

 شايد شما بخواهيد دور Marquee مورد نظر خود، به اصطلاح Border بكشيد. يعني خطي دور تا دورش كشيده شود. حالا باز هم يك بخش ديگه به كدتون اضافه ميشه:

 

 

<marquee 
scrollamount="1" 
scrolldelay="20" 
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000" 
direction="right">
TEXT
</marquee>

 

 

در كد بالا به جاي عبارات 1px و #FF0000 به ترتيب سايز خط و رنگ خط را مشخص كنيد. خروجي كد بالا به شكل زير است:

TEXT

 حالا شايد مايل باشيد كه سايز Marquee خود را با توجه به نيازتان تغيير دهيد. مثلا براي لينكدوني و اعلان بالاي سايت يا وبلاگ، مي بايست سايز هاي مختلفي در نظر گرفته شود. پس يك بخش ديگه هم اضافه مي كنيم:

 

 

<marquee 
scrollamount="1" 
scrolldelay="20" 
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000" 
direction="right"
width="170"
height="100"
>
TEXT
</marquee>

 

 

در كد بالا به جاي عدد 170طول Marquee خود را مشخص كنيد و به جاي عدد 100 عرضMarquee خود را مشخص كنيد. (با گذاشتن يكاي % در كنار عدد مورد نظر، مي توانيد كاري كنيد كه طول/عرض Marquee دقيقا N در صد از صفحه را در بر گيرد و همواره با تغيير اندازه ي صفحه به وسيله ي مرورگر، اندازه ي آن نيز تغيير كند.) خروجي كد بالا به شكل زير است:

TEXT

 و حالا اگر مي خواهيد با بردن نشانه گر موس روي متن متحرك، Marquee متوقف شود، يك كد به آن اضافه مي گردد: (با تشكر از آقا محسن عزيز)

 

 

<marquee 
scrollamount="1" 
scrolldelay="20" 
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000" 
direction="right"
width="170"
height="100"
onmouseover="this.stop()"
onmouseout="this.start()"
>
TEXT
</marquee>

 

 

خروجي كد بالا به شكل زير است:

TEXT

 حال اگر مي خواهيد Marquee شما در وسط صفحه قرار گيرد، بايد دو تگ به اول و آخر كد خود اضافه كنيد.

<center>
<marquee 
scrollamount="1" 
scrolldelay="20" 
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000" 
direction="right"
width="170"
height="100"
onmouseover="this.stop()"
onmouseout="this.start()">
TEXT
</marquee>
</center>

خروجي كد بالا به شكل زير است:

TEXT

حالا بدون توجه به آموزش بالا فرض كنيد كه مقادير زير را داريد و خودتان يك كد جديد بنويسيد.

مقادير ويرايشگر

scrollamount="SIZE" 
scrolldelay="SIZE" 
style="border:SIZE solid #COLOR;
font-family: FONT;
font-size: SIZE;
color: #COLOR" 
direction="جهت حركت متن"
width="SIZE"
height="SIZE"
onmouseover="this.stop()"
onmouseout="this.start()"

 موفق باشيد


نظرات کاربران

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
این نظر توسط iman jon در تاریخ 1393/12/25 و 21:47 دقیقه ارسال شده است

بد نبود تشکرشکلکشکلکشکلک

تبلیغات

Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
اطلاعات کاربری و عضویت سریع

عضو شويد
فراموشی رمز عبور؟

نام کاربری :
رمز عبور :


عضویت سریع
نام کاربری :
رمز عبور :
تکرار رمز :
ایمیل :
نام اصلی :
کد امنیتی : * کد امنیتیبارگزاری مجدد
نظر سنجی

نظرتون درباره این وب سایت چیه؟