متون متحرک را حتما در بسیاری از سایت ها و وبلاگها ها دیده اید این متون به وسیله ی یک کد ساده ساخته میشوند که من در این جا آنرا آموزش میدهم . این کد در واقع این قابلیت را دارد که متن ، تصویر و یا هر دو را در چهار جهت (چپ به راست ، راست به چپ ، بالا به پایین و پایین به بالا به حرکت در آورد ، به این کد در اصطلاح مارکویی ( marquee ) گفته میشود .
من سعی میکنم همه چیز را در مورد این کد توضیح دهم تا بتوانید از هر جنبه که مد نظرتان است از این کد استفاده کنید و در استفاده از کدها دچار مشکل نشوید و نیز برای هرکد مثالی میزنم که میتواند به شما در استفاده از این کد کمک زیادی کند اگر در اینجا کد آنگونه که گفته شده نمایش داده نمیشود نگران نباشید زیرا نتیجه کار شما مطابق آموزش خواهد بود.
* به کد زیر توجه کنید تا بتوانید با توجه به توضیحات و مثالهایی که در ادامه میاورم کد را مطابق میلتان ویرایش کنید
http://textsnip.com/85qm6d/html
متن متحرک
متن متحرک بالا بطور مستقیم از کپی کردن کد بالا بوجود آمده حال من یکی یکی پارمترهای موجود در کد بالا را با ذکر مثال تغییر میدهم تا شما علاوه بر بدست آوردن کد خود تا حدودی به ماهیت این کد که به زبان اچ تی ام ال است آشنا شوید و به نوعی من به شما اچ تی ام ال را آموزش داده باشم
1) با تغییر عبارت عبارت right در مقابل عبارت direction در خط او کد به عبارت left متن شما به جا از چب به راست ، از راست به چپ حرکت خواهد کرد که برای متون انگلیسی کاربرد دارد و اگر متن شما فارسی است این پارامتر را تغییر ندهید
مثال 1 : mnk123.parsiblog.com
حتی با تغییر این پارامتر به up میتوانید متن را از پایین به بالا متن متحرک حرکت دهید
و با تغییر آن به down آنرا از بالا به پایین متن متحرک حرکت دهید
2)پارامتر بعدی که آنهم در خط اول کد قرار دارد bgcolor است که مشخص کننده ی رنگ پیش زمینه ی متن متحرک است و من در اینجا برای آن مقدار 008000 را وارد کرده ام که معادل رنگ نقره ای است و همانطور که میبینید در کدها رنگ پیش زمینه هم به همین رنگ است ولی اگر شما مایل باشید میتوانید کد رنگ دیگری را وارد کنید برای مثال من اگر در به جای کد رنگ نقره ای کد صورتی را وارد کنم نتیجه بصورت متن متحرک خواهد بود برای دسترسی به کد رنگها کلیک کنید : ( کلیک )
3) اگر بخواهید عرض متن متحرک را تغییر دهید در خط دوم در مقابل عبارت width که همکنون مساوی 400 است و بر حسب پیکسل میباشد عدد مورد نظر خود را وارد کنید مثلا اگر میخواهید عرض آن کم باشد عدد 100 متن متحرکو اگر میخواهید عرض آن زیاد باشد عدد500 متن متحرکرا وارد کنید
4) در خط دوم پارامتری بنام height وجود دارد که این هم همانند قبلی است با این تفاوت که این پارامتر ارتفاع را مشخص میکند و تغییر آن در مواقعی نیاز است که بخواهید متن خود را از بالا به پایین یا از پایین به بالا به نمایش در آورید . مقدار این پارامتر در کد بالا مساوی 20 است که اگر بخواهید میتوانید مقدار بیشتر یا حتی مقدار درصدی را وارد کنید در ضمن لازم نیست که عرض و ارتفاع شما هر دو برحسب درصد یا پیکسل باشد بلکه میتوانید مثلا برای ارتفاع از مقدار پیکسل یعنی وارد کردن عدد بتنهایی و برای عرض مقداری به درصد وارد کنید مثال این پارامتر: همان طور که در مثال میبینید من مقدار dirction را مساوی up قرار داده ام
5) رنگ متن در کد بالا مساوی آبی یعنی FF00FF قرار داده شده که میتوانید در صورت تمایل کد رنگ دیگری را وارد کنید
6) اندازه ی قلم را من در کد بالا مساوی 12 قرار داده ام که آنهم قابل تغییر است
7) اما پارامتری که شاید برایتان بیشتر از بقیه جالب باشد پارامتر behavior میباشد که مشخص کننده ی نوع حرکت متن است و میتواند یکی از مقادیر scroll - slide - alternate باشد که در کد بالا مساوی scroll است و به این صورت است که متن از یک جهت وارد و از جهت دیگر خارج میشود ولی اگر این مقدار را پاک کنید و آن را مساوی slide قرار دهید متن از یک سمت وارد و در سمت دیگر متوقف میشود متن متحرکو مقدار alternate هم متن را در هر دو جهت به حرکت در آورده و متن مانند یک توپ پس از برخورد به دیواره بر میگردد متن متحرک
8) پارامتر scrollamount مشخص کننده ی سرعت حرکت متن است و من آنرا در کد بالا مساوی 5 قرار داده ام که باید حداقل عدد یک و پیشنهاد میکنم عددی بزرگتر از 10 را وارد نکنید
8) در آخر میتوانید به جای عبارت متن متحرک در کد بالا متن خود را وارد کنید توجه داشته باشید که شما میتوانید به جای متن ساده اگر بخواهید کدهای اچ تی ام ال را که حاوی عکس و سایر عناصری که میتوانند در وب به نمایش در آیند باشد را وارد کنید فقط توجه داشته باشد که باید بصورت کد اچ تی ام ال باشند مثلا میتوانید ابتدا در بخش پست مطلب جدید مطلب خود را در حالت غیر اچ تی ام ال بنویسید و همه عناصر مانند عکس و متن را وارد کنید و مشخصه های آنها مانند رنگ متن اندازه ی فونت و غیره را مشخص و سپس به حالت اچ تی ام ال بروید و تمام کدها را با کپی و پیست جایگزین عبارت متن متحرک در کد بالا کنید