كد متن متحرك در سايت يا وبلاگ

[sunyboy]

كد اصلي اين شكليه:

<marquee>
TEXT
</marquee>

شما بايد توي كد بالا به جاي عبارت "TEXT" متني كه مي خواهيد حركت كند را وارد نماييد

[sunyboy]

حالا امكان داره كه شما بخواهيد سرعتي رو براي اين متن در نظر بگيريد. پس كد به شكل زير تغيير مي كنه:

<marquee
scrollamount="1"
scrolldelay="20">
TEXT
</marquee>

در كد بالا در عبارت scrollamount="1" به جاي عدد 1 سرعت حركت را مشخص مي كنيد. هرجه اين عدد بزرگتر باشد سرعت حركت بيشتر است. همچنين در عبارت scrolldelay="20" به جاي عدد 20 تاخير لازم براي طي شدن مسير توسط متن را وارد كنيد. در كل بايد روي اين مقادير كمي كار كرده و آن را تست كنيد تا حركت مورد علاقه را بدست آوريد.

[sunyboy]

حال شايد بخواهيد براي متن متحرك خود اندازه، رنگ و قلم در نظر بگيريد. حالا كد اين شكلي ميشه:

<marquee
scrollamount="1"
scrolldelay="20"
style="font-family: Tahoma;
font-size: 10pt;
color: red">
TEXT
</marquee>

خوب… شايد كمي پيچيده به نظر برسه. اما اصلا اينطوري نيست. به جاي عبارت هاي Tahoma و 10pt و red به ترتيب فونت نوشته، سايز نوشته و رنگ نوشته را مشخص نماييد

[sunyboy]

ممكنه نوشته ي شما فارسي باشه. در اين صورت بهتره كه از راست به چپ حركت كنه. يا اين كه شايد شما مايل باشيد نوشتتونه از بالا به پايين يا از پايين به بالا حركت كنه. پس يك تغيير ديگه توي كد به وجود مياد:

<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: چپ به راست)

[sunyboy]

شايد شما بخواهيد دور Marquee مورد نظر خود، به اصطلاح Border بكشيد. يعني خطي دور تا دورش كشيده شود. حالا باز هم يك بخش ديگه به كدتون اضافه ميشه:

<marquee 
scrollamount="1" 
scrolldelay="20" 
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000" 
direction="right">
TEXT
</marquee>

در كد بالا به جاي عبارات 1px و #FF0000 به ترتيب سايز خط و رنگ خط را مشخص كنيد.

[sunyboy]

حالا شايد مايل باشيد كه سايز Marquee خود را با توجه به نيازتان تغيير دهيد. مثلا براي لينكدوني و اعلان بالاي سايت يا وبلاگ، مي بايست سايز هاي مختلفي در نظر گرفته شود. پس يك بخش ديگه هم اضافه مي كنيم:

<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
</marquee>

در كد بالا به جاي عدد 170طول Marquee خود را مشخص كنيد و به جاي عدد 100 عرض Marquee خود را مشخص كنيد. (با گذاشتن يكاي % در كنار عدد مورد نظر، مي توانيد كاري كنيد كه طول/عرض Marquee دقيقا N در صد از صفحه را در بر گيرد و همواره با تغيير اندازه ي صفحه به وسيله ي مرورگر، اندازه ي آن نيز تغيير كند.)

[sunyboy]

اگر مي خواهيد با بردن نشانه گر موس روي متن متحرك، Marquee متوقف شود، يك كد به آن اضافه مي گردد:

<marquee 
scrollamount="1" 
scrolldelay="20" 
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000" 
direction="right"
width="170"
height="100"
onmouseover="this.stop()"
onmouseout="this.start()">
TEXT
</marquee>

[sunyboy]

حال اگر مي خواهيد Marquee شما در وسط صفحه قرار گيرد، بايد دو تگ به اول و آخر كد خود اضافه كنيد.

<center>
<marquee 
scrollamount="1" 
scrolldelay="20" 
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000" 
direction="right"
width="170"
height="100"
onmouseover="this.stop()"
onmouseout="this.start()">
TEXT
</marquee>
</center>

اگر سوالی دارین بپرسین!


موفق باشید.

[pnugirl]

يه سوال
مسخره نكني ها!
من از اين كدها زياد ديدم، اما نمي دونم كجاي قالب وبلاگم بايد كپيشون كنم

[sunyboy]

خب هرجالی قالب وبلاگتان کپی کنین در اونجا نشون داده میشه مثلا اگه در بالای قالب کپی کنین در بلا نشون داده میشه!! یعنی خودتان باید تعیین کنین در کجا باید باشه!! پایین یا بالا یا راست یا چپ یا وسط!!