تبلیغات

ابزار وبمستر

مرجع کدهای جاوا اسكریپت

ابزار وبلاگ ابزار سایت

 


ابزار وبلاگ ابزار سایت
 
نویسندگان
ابر برچسب ها
کدهای نشانگر موس کد متحرک کردن متن کد برای میهن بلاگ قالب میهن بلاگ کدهای زیبای جاوا برای وبلاگ کد متحرک شدن موضوع وبلاگ در وبلاگ وردپرس قالب کدهای کاربردی قالب رزبلاگ دانلود پوسته مرکز دانلود قالب وردپرس کدهای زیبا برای وب کد به حرکت در آمد عنوان وبلاگ کد برای رز بلاگ پوسته گالری عکس دانلود محترک شدن عنوان وبلاگ کدهای لودینگ برای سایت و وبلاگ قالب سایت وردپرس کد برای متحرک کردن اسم وبلاگ ابزار ساخت کد اسلایدر متنی(2) دانلود پوسته وردپرس کد جاوا ی متحرک کردن عنوان وبلاگ کدهای متن متحرک کدهای عکس و تصویر مرکز دانلود قالب تبلیغات قالب وبلاگ دانلود ۲ برای بلاگفا ابزار عشق سنج کد برای پرشین بلاگ تنطیمات وردپرس کدهای ویدئو کد متحرک شد موضوع کدهای موس قالب وبلاگ دانلود ۲ کدهای لودینگ و بارگذاری قالب اسلاید شو کد برای بلاگفا قالب گالری عکس کد متن متحرک حرکت در آمدن عنوان وبلاگ کدهای نمایشگر موس پوسته کدهای نشانه گر موس ابزار ساخت کد اسلایدر متنی دانلود قالب قالب وردپرس پوسته سایت گالری عکس

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

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

نگارش مرورگر عمل می كند/نمی كند
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()"

 موفق باشید





طبقه بندی: کدهای متن متحرک،
برچسب ها: كد متن متحرك در سایت یا وبلاگ (آموزش کامل )، کد متن متحرک، کد متن متحرک در سایت و وبلاگ،
[ چهارشنبه 13 اردیبهشت 1391 ] [ ساعت 16 و 16 دقیقه و 15 ثانیه ] [ Mehraan ]
.: Weblog Themes By Posteh :.

!!Wellcome

abzar ابزار وبلاگ Java ابزار سایت HTML code مرجع کدهای جاوا Script کدهای اچ تی ام ال

آخرین مطالب
لیست آخرین مطالب
موضوعات
آمار سایت
بازدیدهای امروز : نفر
بازدیدهای دیروز : نفر
كل بازدیدها : نفر
بازدید این ماه : نفر
بازدید ماه قبل : نفر
تعداد نویسندگان : عدد
كل مطالب : عدد
آخرین بروز رسانی :
*******************
استخاره آنلاین با قرآن کریم


 



سایت پرورش اندام

MySpace Slide Show Generator from Code-Generator.net//html.am//htmlcodes.me HTML Codes - Free from Quackit.com//htmlcodetutorial.com///learningHTML:w3schools.com

Select a text on the page and get translation from Google Translate!

Google Translate Client
مرجع ابزارهای وبلاگ نویسان
مرجع ابزارهای وبلاگ نویسانابزارهای متنوع وبلاگدریافت کد لودینگ برای وبلاگ