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

ا سلام. امروز يكي از پر كاربرد ترين كدهاي موجود در وب را معرفي مي كنيم. اين كد متن مورد نظر شما را به حركت در مي آورد. در ادامه ي مطلب آموزشي بسيار كامل تقديمتان خواهد شد. پس با ما همراه باشيد.

AHATOOLS
AHATOOLS

عمل كرد كد در مرورگرها (نرم افزار هاي تماشاي سايت)

نگارش مرورگر عمل مي كند/نمي كند
7.0 Internet Explorer عمل مي كند
3.0 Mozilla Firefox (beta) عمل مي كند
9.0 Netscape عمل مي كند

moraba-small.gif خوب. حالا با همديگه قدم به قدم مي ريم جلو تا با جزئيات اين كد بيشتر آشنا بشيم. كد اصلي اين شكليه:

 


TEXT

 

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

TEXT

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


scrollamount="1"
scrolldelay="20">
TEXT

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

TEXT

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


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

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

TEXT

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


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

در كد بالا در عبارت direction="right" به جاي كلمه ي right جهت حركت را مشخص فرماييد. (up: پايين به بالا، down: بالا به پايين، left: راست به چپ، right: چپ به راست) خروجي كد بالا به شكل زيره:

TEXT

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


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

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

TEXT

moraba-small.gifحالا شايد مايل باشيد كه سايز 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 در صد از صفحه را در بر گيرد و همواره با تغيير اندازه ي صفحه به وسيله ي مرورگر، اندازه ي آن نيز تغيير كند.) خروجي كد بالا به شكل زير است:

TEXT

moraba-small.gif و حالا اگر مي خواهيد با بردن نشانه گر موس روي متن متحرك، 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

خروجي كد بالا به شكل زير است:

TEXT

moraba-small.gif حال اگر مي خواهيد 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

خروجي كد بالا به شكل زير است:

TEXT

حالا بدون توجه به آموزش بالا فرض كنيد كه مقادير زير را داريد و خودتان يك كد جديد بنويسيد.

مقادير ويرايشگر

scrollamount="SIZE"
scrolldelay="SIZE"
style="border:SIZE solid #COLOR;
font-family: FONT;
font-size: SIZE;
color: #COLOR"
direction="جهت حركت متن"
width="SIZE"
height="SIZE"
onmouseover="this.stop()"
onmouseout="this.start()"

 موفق باشيد


مطالب مشابه :


كد مشاهده پرده سياه روي وبلاگ و حذف آن با كليك روي بنر تبليغاتي

كد مشاهده پرده سياه روي وبلاگ و حذف آن با كليك روي بنر اين كد اغلب براي سايت ها و



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

كد متن متحرك بصورت بسيار جالب براي وبلاگ در كد بالا به کد لوگوی گوشه نما و بنر



تسلیت ....

در سايت يا وبلاگ خود ثبت كرده 2- براي تبادل بنر و لوگو نيز كد بنر يا لوگوي آپولو



قالب یاهو YAHOO

در سايت يا وبلاگ خود ثبت كرده 2- براي تبادل بنر و لوگو نيز كد بنر يا لوگوي آپولو



آموزش نوشتن كد جعبه متن براي قرار دادن كد لوگو و بنر در آن

آموزش نوشتن كد جعبه متن براي قرار دادن كد لوگو و بنر در آن. یکی از دوستان پرسیده بودند که این



ساخت بنر برای وبلاگ یا سایت

سلام.برای سفارش بنر در بخش نظرات سفارش دهید. قیمت هر بنر :1000 كد موسيقي براي وبلاگ



انواع كدهاي جاوا براي وبلاگ و وبسايت

كدها وقالب ها وشكلك هاو ساخت بنر و قالب متحرك و ثابت و كد صفحه ورودي وسفارشي و انواع كد براي



قالب انتظار

در سايت يا وبلاگ خود ثبت كرده 2- براي تبادل بنر و لوگو نيز كد بنر يا لوگوي آپولو



مجموعه ی 6 قالب ویژه

در سايت يا وبلاگ خود ثبت كرده 2- براي تبادل بنر و لوگو نيز كد بنر يا لوگوي آپولو



برچسب :