کد متن متحرک
دوستان عزیز در این پست کد متن متحرک اماده کرده ایم که امیدوارم مورد استفاده شما قرار گیرد
کلمات کلیدی: ابزار متن متحرک ، کد نوشته متحرک ، کد تیتر متحرک ، ابزار متن متحرک برای وبلاگ
فقط کافیست کد را در بالای کدهای قالب وبلاگ خود قرار دهید
شما باید توی كد پایین به جای عبارت “TEXT” متنی كه می خواهید حركت كند را وارد نمایید. خروجی كد پایین به شكل زیر است.
TEXT
| <marquee> TEXT </marquee> |
حالا امكان داره كه شما بخواهید سرعتی رو برای این متن در نظر بگیرید. پس كد به شكل زیر تغییر می كنه:
| <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> |