آموزش متن متحرک در وبلاگ

متون متحرک را حتما در بسیاری از سایت ها و وبلاگها ها دیده اید این متون به وسیله ی یک کد ساده ساخته میشوند که من در این جا آنرا آموزش میدهم . این کد در واقع این قابلیت را دارد که متن ، تصویر و یا هر دو را در چهار جهت (چپ به راست ، راست به چپ ، بالا به پایین و پایین به بالا به حرکت در آورد ، به این کد در اصطلاح مارکویی ( marquee  ) گفته میشود .

من سعی میکنم همه چیز را در مورد این کد توضیح دهم تا بتوانید از هر جنبه که مد نظرتان است از این کد استفاده کنید و در استفاده از کدها دچار مشکل نشوید و نیز برای هرکد مثالی میزنم که میتواند به شما در استفاده از این کد کمک زیادی کند اگر در اینجا کد آنگونه که گفته شده نمایش داده نمیشود نگران نباشید زیرا نتیجه کار شما مطابق آموزش خواهد بود.

*  به کد زیر توجه کنید تا بتوانید با توجه به توضیحات و مثالهایی که در ادامه میاورم کد را مطابق میلتان ویرایش کنید

<marquee direction="right" bgcolor="#C0C0C0" width="400" height="20" style="color: #0000FF; font-size: 12pt" scrollamount="5" behavior="scroll">متن متحرک</marquee>

متن متحرک

متن متحرک بالا بطور مستقیم از کپی کردن کد بالا بوجود آمده حال من یکی یکی پارمترهای موجود در کد بالا را با ذکر مثال تغییر میدهم تا شما علاوه بر بدست آوردن کد خود تا حدودی به ماهیت این کد که به زبان اچ تی ام ال است آشنا شوید و به نوعی من به شما اچ تی ام ال را آموزش داده باشم

1) با تغییر عبارت عبارت  right  در مقابل عبارت  direction  در خط او کد به عبارت  left  متن شما به جا از چب به راست ، از راست به چپ حرکت خواهد کرد که برای متون انگلیسی کاربرد دارد و اگر متن شما فارسی است این پارامتر را تغییر ندهید

مثال 1  :  mjmafi.blogfa.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) در آخر میتوانید به جای عبارت  متن متحرک  در کد بالا متن خود را وارد کنید توجه داشته باشید که شما میتوانید به جای متن ساده اگر بخواهید کدهای اچ تی ام ال را که حاوی عکس و سایر عناصری که میتوانند در وب به نمایش در آیند باشد را وارد کنید فقط توجه داشته باشد که باید بصورت کد اچ تی ام ال باشند  مثلا میتوانید ابتدا در بخش پست مطلب جدید مطلب خود را در حالت غیر اچ تی ام ال بنویسید و همه عناصر مانند عکس و متن را وارد کنید و مشخصه های آنها مانند رنگ متن اندازه ی فونت و غیره را مشخص و سپس به حالت اچ تی ام ال بروید و تمام کدها را با کپی و پیست جایگزین عبارت متن متحرک در کد بالا کنید