شما با استفاده از این کد می تونید باکسی رو در وب خودتون قرار بدیدکه متن متحرکی در آن موجود است.
این کد بر اساس HTML ساخته شده است و با CSS زیبا سازی شده است.


| عنوان | پاسخ | بازدید | توسط |
| ❤❤❤ چت روم انجمن کدستان ❤❤❤ | 265 | 433 | jlondon |
| تغییر فونت قالب | 2 | 25 | armin_301 |
| رونالدو نماز میخواند !!! + عکس | 7 | 102 | alireza111 |
| ابزار ساخت وضعیت یاهو(پشتیبانی انلاین) | 9 | 37 | alireza111 |
| درخواست کد تولتیپ | 7 | 26 | alireza111 |
| خبر فوری:انجمن رزبلاگ برای یک لحظه باز شد | 4 | 25 | moisrex |
| استایل | 1 | 15 | alireza111 |
| تغییر در ستون قالب | 2 | 15 | alireza111 |
| طرز تغییر استایل دکمه های یک بخش از وبم | 7 | 49 | dastansms |
| ترول جام جهانی ، حتما ببینید ... | 10 | 76 | alnajon |
| ترول ...کدستان/رزبلاگ | 18 | 197 | p30site |
| درخواست کد نمایش پس زمینه در سایز مانیتور | 4 | 28 | benben |
| سایت معرفی کنید قالبش به رزبلاگ ترجمه میشه! | 89 | 1288 | jakob |
| متاسفم برای مدیریت انجمن | 11 | 114 | SEA |
| ترول مدیر سایت کدستان (آخر خنده) | 35 | 289 | dariushj2 |
شما با استفاده از این کد می تونید باکسی رو در وب خودتون قرار بدیدکه متن متحرکی در آن موجود است.
این کد بر اساس HTML ساخته شده است و با CSS زیبا سازی شده است.
این باکس ها هر کدام در یک ردیف متفاوت قرار گرفته اند و متن را حرف به حرف در باکس ها می نویسند که افکتی زیبا خلق می کند و شما می توانید با استفاده از این باکس متن خود را به کاربر با افکت جدولی نشان دهید.
با استفاده از این کد می توانید یک باکس که در آن می توانید بنویسید قبل از نوشتن متنی در آن حرکت می کند.
برای تنظیم کردن متن خود جمله نوشته شده را به جمله ای که مورد نظرتان هست تغییر دهید. برای تغییر رنگ ها نیز می توانید رنگ هایی که آمده (به انگلیسی نوشته شده) را تغییر دهید. جدول و آموزش رنگ ها
دمو:
دمو: http://moisrex.rozblog.com/page/94
تنظیمات: برای این که متن خود را از 6 جمله برای مثال به 10 جمله افزایش دهید عدد 6 را در تگ var theItemCount = 6; (بالای خوش آمدید) به عدد 10 تبدیل کنید و مانند نمونه های پیش رفته در قسمت پایین همین تگ بقیه را تکمیل کنید.
توضیحات: در قسمت 0.7 زمانی که طول می کشه تا متن به حالت خواستخ شده برگرده. در قسمت 0هم زمانیه که کاربر باید ماوس خودشو رو کد نگه داره تا به این حالت در بیاد. در قسمت های 50px با تغییر عدد بالا اندازه ی اولیه متن (طول) و در عدد پایینی ارتفاع رو تنظیم می کنید و در قسمت ها 300 و 100 به همون ترتیب اندازه ثانویه متن رو تنظیم می کنید.
برای آزمایش کد اینجا کلیک کنید.
من سعی میكنم همه چیز را در مورد این كد توضیح دهم تا بتوانید از هر جنبه كه مد نظرتان است از این كد استفاده كنید و در استفاده از كدها دچار مشكل نشوید و نیز برای هركد مثالی میزنم كه میتواند به شما در استفاده از این كد كمك زیادی كند اگر در اینجا كد آنگونه كه گفته شده نمایش داده نمیشود نگران نباشید زیرا نتیجه كار شما مطابق آموزش خواهد بود.
* به كد زیر توجه كنید تا بتوانید با توجه به توضیحات و مثالهایی كه در ادامه میاورم كد را مطابق میلتان ویرایش كنید
عمل کرد کد در مرورگرها (نرم افزار های تماشای سایت)
| نگارش | مرورگر | عمل می کند/نمی کند |
| 7.0 | Internet Explorer | |
| 3.0 | Mozilla Firefox (beta) | |
| 9.0 | Netscape | |
خوب. حالا با همدیگه قدم به قدم می ریم جلو تا با جزئیات این کد بیشتر آشنا بشیم. کد اصلی این شکلیه:
TEXT |
شما باید توی کد بالا به جای عبارت "TEXT" متنی که می خواهید حرکت کند را وارد نمایید. خروجی کد بالا به شکل زیر است.
حالا امکان داره که شما بخواهید سرعتی رو برای این متن در نظر بگیرید. پس کد به شکل زیر تغییر می کنه:
scrolldelay="20"> TEXT |
در کد بالا در عبارت scrollamount="1" به جای عدد 1 سرعت حرکت را مشخص می کنید. هرجه این عدد بزرگتر باشد سرعت حرکت بیشتر است. همچنین در عبارت scrolldelay="20" به جای عدد 20 تاخیر لازم برای طی شدن مسیر توسط متن را وارد کنید. در کل باید روی این مقادیر کمی کار کرده و آن را تست کنید تا حرکت مورد علاقه را بدست آورید. خروجی کد بالا با مقادیر scrollamount="1" scrolldelay="20" به شکل زیره:
حال شاید بخواهید برای متن متحرک خود اندازه، رنگ و قلم در نظر بگیرید. حالا کد این شکلی میشه:
scrolldelay="20" style="font-family: Tahoma; font-size: 10pt; color: red"> TEXT |
خوب… شاید کمی پیچیده به نظر برسه. اما اصلا اینطوری نیست. به جای عبارت های Tahoma و 10pt و red به ترتیب فونت نوشته، سایز نوشته و رنگ نوشته را مشخص نمایید. خروجی کد بالا به شکل زیره:
ممکنه نوشته ی شما فارسی باشه. در این صورت بهتره که از راست به چپ حرکت کنه. یا این که شاید شما مایل باشید نوشتتونه از بالا به پایین یا از پایین به بالا حرکت کنه. پس یک تغییر دیگه توی کد به وجود میاد:
scrolldelay="20" style="font-family: Tahoma; font-size: 10pt; color: red" direction="right"> TEXT |
در کد بالا در عبارت direction="right" به جای کلمه ی right جهت حرکت را مشخص فرمایید. (up: پایین به بالا، down: بالا به پایین، left: راست به چپ، right: چپ به راست) خروجی کد بالا به شکل زیره:
شاید شما بخواهید دور Marquee مورد نظر خود، به اصطلاح Border بکشید. یعنی خطی دور تا دورش کشیده شود. حالا باز هم یک بخش دیگه به کدتون اضافه میشه:
scrollamount="1" scrolldelay="20" style="border:1px solid #FF0000; font-family: Tahoma; font-size: 10pt; color: #FF0000" direction="right"> TEXT |
در کد بالا به جای عبارات 1px و #green به ترتیب سایز خط و رنگ خط را مشخص کنید. خروجی کد بالا به شکل زیر است:
حالا شاید مایل باشید که سایز 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 |
در کد بالا به جای عدد 170طول Marquee خود را مشخص کنید و به جای عدد 100 عرض Marquee خود را مشخص کنید. (با گذاشتن یکای % در کنار عدد مورد نظر، می توانید کاری کنید که طول/عرض Marquee دقیقا N در صد از صفحه را در بر گیرد و همواره با تغییر اندازه ی صفحه به وسیله ی مرورگر، اندازه ی آن نیز تغییر کند.) خروجی کد بالا به شکل زیر است:
حال اگر می خواهید 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 |
خروجی کد بالا به شکل زیر است:
حالا بدون توجه به آموزش بالا فرض کنید که مقادیر زیر را دارید و یک کد بنویسید.
| مقادیر | ویرایشگر |
scrollamount="SIZE" |