تبلیغات
Designed By : DavoodSysteM
Powered By : MihanBlog
بازدید های امروز :
بازدید های دیروز :
كل بازدیدها :
كل مطالب :
كل نظرات :
ایجاد صفحه : - ثانیه
در دو پست قبل گفته بودم كه آموزش متحرك سازی متن رو براتون بزارم .منم این پست رو به این مطلب اختصاص دادم .
كد متحرك سازی متن در حالت كلی به شكل زیره :
<marquee |
حالا توضیح در مورد كد :
قسمتی از كد كه به رنگ سبز هست برای تایین عرض و ارتفاع باكسی كه متن توش حركت می كنه هست . در قسمت Width عرض ( پهنای) باكس و در قسمت Height ارتفاع باكس رو قرار بدید . در كد بالا به طور پیشفرض اندازه ی باكس 150 در 180 پیكسل هست . یعنی پهنای باكس 150 پیكسل و ارتفاعش 180 پیكسل هست . شما خودتون با تغیر این دو عدد می تونید اندازه ی مورد نظر باكس رو تعیین كنید .
قسمتی رو كه با رنگ آبی مشخص كردم جهت حركت متن درون باكس رو مشخص می كنه . كه باید به دلخواه خودتون یكی از مقادیر زیر رو بهش بدین . این مقادیر رو به جای كلمه ی "جهت" در كد باید بزارید :
جهت حركت | مقدار ریز كد direction |
Right | |
حركت از راست به چپ ( مخصوص متون انگلیسی) | Left |
حركت از بالا به پایین | Down |
برای خوندن و یاد گرفتن بقیه ی جزئیات ( قرار دادن لینك به جای متن متحرك ، رنگ پس زمینه ی باكس ، ایستادن حركت متن با رفتن موس روی آن و ... ) ادامه ی مطلب رو ببینید :
اگر بخواید كه با رفتن موس روی باكس متن متحرك بایسته و حركت نكنه باید دو ریز كد به كد بالا اضافه كنید . كه ریز كدها در زیر مشخصند :
<marquee |
برای تغییر سرعت حركت متن می تونید مقادیر دو ریز كد scrolldelay و scrollamount رو تغیر بدید . مقدار هر دو ریز كد در بالا "1" هست كه به نظر من استاندارده برای سرعت حركت متن و نیازی نیست كه تغیرش بدین . مگر اینكه جایی لازم باشه كه سرعت حركت متن رو بیشتر كنید .
اگر بخواید كه برای پس زمینه ی باكس یك رنگ قرار بدین باید از ریز كد Style استفاده كنید . در زیر این ریز كد مشخصه . شما باید در جاهای مشخص شده در زیر ، كد رنگ یا نام رنگ به انگلیسی رو وارد كنید .
<marquee Style="color:رنگ متن ; background-color:رنگ پس زمینه ;" |
در زیر كد چند تا از رنگ ها رو براتون گذاشتم كه می تونید در كد بالا بزارید:
|
| ||||||
قرمز | #FF0000 |
| زرد | #FFFF00 |
| بنفش | #800080 |
آبی | #0000FF |
| نقره ای |
| صورتی | #FF00FF | |
#000000 |
| قهوه ای | #804000 |
| #FF9900 | ||
سفید | #FFFFFF |
| خاكستری | #EEEEEE |
| - | #DFDFDF |
سبز | #008000 |
| نیلی | #46B5FF |
| - | #8080C0 |
با قرار دادن متن در بین دو تگ <center> و <center/> می توانید متن را به وسط باكس بیاورید . یعنی متن وسط چین باشد.
اگر خواستید كه لینك یا عكسی رو در باكس قرار بدید تا حركت كنه ، فقط لازمه به جای متن كد لینك یا كد قرار دادن عكس رو بزارید . كه كد لینك دادن و قرار دادن عكس به شكل زیره . اگر خواستید چند لینك یا چند عكس بزارید اونها رو با یه تگ <br> جدا كنید تا توی چند سطر زیر هم بیان . یعنی بعد از هر كد لینك یا عكس یك تگ <br> بزارید .
خوب حالا كل آموزش رو در قالب یك سوال مطرح می كنم و جواب میدم . سعی كنید شما اول خودتون جواب بدید بعد با جواب من مقایسه كنید :
سوال :
كد متن متحركی را با خصوصیات زیر بنویسید :
اندازه ی باكس حاوی متن : عرض 120 و ارتفاع 200 ، جهت حركت متن از پایین به بالا ، متن متحرك با رفتن موس روی آن بایستد ، رنگ پس زمینه نقره ای و رنگ متن متحرك قهوه ای باشد . متن وسط باكس باشد .
جواب : كد خواسته شده به شكل زیر است :
<marquee Style="color:#804000 ; background-color:#C0C0C0 ;" <center> irLearning.com<br> irLearning.com<br> irLearning.com<br> irLearning.com<br> </marquee> |
:: نمایش این كد هم به شكل زیره :