سامانسامان، تا این لحظه: 13 سال و 11 ماه و 3 روز سن داره

پسر بد

متن متحرک

1390/3/2 18:45
نویسنده : مدیران وب
4,692 بازدید
اشتراک گذاری

در این قسمت یک از مواردی که زیاد درخواست میشه را آموزش می دم

متن متحرک

متون متحرك را حتما در بسياري از سايت ها و وبلاگها ها ديده ايد(مثل وب خودم) اين متون به وسيله ي يك كد  ساخته ميشوند كه من در اين جا آنرا آموزش ميدهم . اين كد در واقع اين قابليت را دارد كه متن ، تصوير و يا هر دو را در چهار جهت (چپ به راست ، راست به چپ ، بالا به پايين و پايين به بالا به حركت در آورد ، به اين كد در اصطلاح ماركويي ( marquee ) گفته ميشود .

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

*  به كد زير توجه كنيد تا بتوانيد با توجه به توضيحات و مثالهايي كه در ادامه مياورم كد را مطابق ميلتان ويرايش كنيد

 

 

در این قسمت یک از مواردی که زیاد درخواست میشه را آموزش می دم

متن متحرک

متون متحرك را حتما در بسياري از سايت ها و وبلاگها ها ديده ايد(مثل وب خودم) اين متون به وسيله ي يك كد  ساخته ميشوند كه من در اين جا آنرا آموزش ميدهم . اين كد در واقع اين قابليت را دارد كه متن ، تصوير و يا هر دو را در چهار جهت (چپ به راست ، راست به چپ ، بالا به پايين و پايين به بالا به حركت در آورد ، به اين كد در اصطلاح ماركويي ( marquee ) گفته ميشود .

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

 

*  به كد زير توجه كنيد تا بتوانيد با توجه به توضيحات و مثالهايي كه در ادامه مياورم كد را مطابق ميلتان ويرايش كنيد

 

 

 

 

متن متحرك بالا بطور مستقيم از كپي كردن كد بالا بوجود آمده حال من يكي يكي پارمترهاي موجود در كد بالا را با ذكر مثال تغيير ميدهم تا شما علاوه بر بدست آوردن كد خود تا حدودي به ماهيت اين كد كه به زبان اچ تي ام ال است آشنا شويد و به نوعي من به شما اچ تي ام ال را آموزش داده باشم

 

1) با تغيير عبارت عبارت  right  در مقابل عبارت  direction  در خط او كد به عبارت  left  متن شما به جا از چب به راست ، از راست به چپ حركت خواهد كرد كه براي متون انگليسي كاربرد دارد و اگر متن شما فارسي است اين پارامتر را تغيير ندهيد

 

حتي با تغيير اين پارامتر به up   ميتوانيد متن را از پايين به بالا  متن متحرك  حركت دهيد

 

و با تغيير آن به  down آنرا از بالا به پايين  متن متحرك  حركت دهيد

 

2)پارامتر بعدي كه آنهم در خط اول كد قرار دارد bgcolor است كه مشخص كننده ي رنگ پيش زمينه ي متن متحرك است و من در اينجا براي آن مقدار 008000 را وارد كرده ام كه معادل رنگ نقره اي است و همانطور كه ميبينيد در كدها رنگ پيش زمينه هم به همين رنگ است ولي اگر شما مايل باشيد ميتوانيد رنگ  ديگري را وارد كنيد براي مثال من اگر در به جاي كد رنگ نقره اي كد صورتي را وارد كنم نتيجه بصورت   متن متحرك  خواهد بود براي دسترسي به كد رنگها به پست کد رنگ ها مراجعه کنید

 

3) اگر بخواهيد عرض متن متحرك را تغيير دهيد در خط دوم در مقابل عبارت  width كه همكنون مساوي 400 است و بر حسب پيكسل ميباشد عدد مورد نظر خود را وارد كنيد مثلا اگر ميخواهيد عرض آن كم باشد عدد 100 متن متحركو اگر ميخواهيد عرض آن زياد باشد عدد500  متن متحركرا وارد كنيد

 

4) در خط دوم پارامتري بنام height وجود دارد كه اين هم همانند قبلي است با اين تفاوت كه اين پارامتر ارتفاع را مشخص ميكند و تغيير آن در مواقعي نياز است كه بخواهيد متن خود را از بالا به پايين يا از پايين به بالا به نمايش در آوريد . مقدار اين پارامتر در كد بالا مساوي 20 است كه اگر بخواهيد ميتوانيد مقدار بيشتر يا حتي مقدار درصدي را وارد كنيد در ضمن لازم نيست كه عرض و ارتفاع شما هر دو برحسب درصد يا پيكسل باشد بلكه ميتوانيد مثلا براي ارتفاع از مقدار پيكسل يعني وارد كردن عدد بتنهايي و براي عرض مقداري به درصد وارد كنيد مثال اين پارامتر:  همان طور كه در مثال ميبينيد من مقدار dirction را مساوي up قرار داده ام

 

5) رنگ متن در كد بالا مساوي آبي يعني  FF00FF قرار داده شده كه ميتوانيد در صورت تمايل کد رنگ ديگري را وارد كنيد

 

6) اندازه ي قلم را من در كد بالا مساوي 12 قرار داده ام كه آنهم قابل تغيير است

 

7) اما پارامتري كه شايد برايتان بيشتر از بقيه جالب باشد پارامتر  behavior ميباشد كه مشخص كننده ي نوع حركت متن است و ميتواند يكي از مقادير scroll  - slide alternate  باشد كه در كد بالا مساوي  scroll    است و به اين صورت است كه متن از يك جهت وارد و از جهت ديگر خارج ميشود ولي اگر اين مقدار را پاك كنيد و آن را مساوي slide   قرار دهيد متن از يك سمت وارد و در سمت ديگر متوقف ميشود متن متحركو مقدار  alternate  هم متن را در هر دو جهت به حركت در آورده و متن مانند يك توپ پس از برخورد به ديواره بر ميگردد  متن متحرك

 

8)  پارامتر scrollamount مشخص كننده ي سرعت حركت متن است و من آنرا در كد بالا مساوي 5 قرار داده ام كه بايد حداقل عدد يك و پيشنهاد ميكنم عددي بزرگتر از 10 را وارد نكنيد

 

8) در آخر ميتوانيد به جاي عبارت  تصویر متحرک در كد بالا متن خود را وارد كنيد توجه داشته باشيد كه شما ميتوانيد به جاي متن ساده اگر بخواهيد كدهاي اچ تي ام ال را كه حاوي عكس و ساير عناصري كه ميتوانند در وب به نمايش در آيند باشد را وارد كنيد فقط توجه داشته باشد كه بايد بصورت كد اچ تي ام ال باشند  مثلا ميتوانيد ابتدا در بخش پست مطلب جديد مطلب خود را در حالت غير اچ تي ام ال بنويسيد و همه عناصر مانند عكس و متن را وارد كنيد و مشخصه هاي آنها مانند رنگ متن اندازه ي فونت و غيره را مشخص و سپس به حالت اچ تي ام ال برويد و تمام كدها را با كپي و پيست جايگزين عبارت متن متحرك در كد بالا كنيد

 

پسندها (0)
شما اولین مشوق باشید!

نظرات (5)

مامان حسین
29 اردیبهشت 90 10:12
دستت درد نکنه
اموزشهات عالین.
بوس برای سامان


سلام
شما لطف دارید
مامان ماهان
29 اردیبهشت 90 23:57
سلام گلم این کد رو کجای ویرایش قالب بزارم انتها بزارم یا فرقی نمیکنه کجا بزارم ممنون


سلام
فرقی نمی کنه
هر کجا که بخواهی متحرک بشه فقط باید همه رو اول بزاری و و در آخراون کلمه اخری رو اضافه کنی


مامان ماهان
31 اردیبهشت 90 8:37
سلام من میخوام لینک دوستام متحرک باشه هر کاری کردم نشد میشه کمکم کنی ممنونم


عزیزم قبلا که برات توضیح داده بودم
هر جا که خواستی متحرک بشه باید همه کدها رو اول وفقط کلمه اخر توی کدها رو در آخر اضافه کنی
مطمئنا کد ها رو در جای خودشون قرار ندادی اگه باز هم نشد و دوست داشتی بگو تا برات خودم انجام بدم هرچی باشه شما یکی از بهترین دوستای ما هستی
مامان ماهان
31 اردیبهشت 90 12:23
دوست جونم اگه زحمتی نیست برام درست کن ممنونم نام کاربری*****رمز عبور ******


سلام
عزیزم برات انجام دادم
برای اطمینان میتونی رمز وبلاگتو عوض کنی
ولی بعدا شما هم یک کار کوچولو برای ما انجام می دی ؟؟؟
مامان سهند
2 شهریور 90 17:58
مامان سامان جون اگر براتون زحمتی نیست راجع به عکس متحرک هم مطلب بنویسید میخوام عکسهای سهند رو مثل شما در ابتدای وبلاگش قرار بدم ممنونم


سلام
از این کدها میتونی برای متحرک کردن عکس هم استفاده کنی فقط به جای متن ادرس عکس رو قرار میدی .کد و آموزش قرار دادن عکس رو هم قبلا گذاشتم .به طور مختصر یک با دیگه میگم: شما فکر کن فقط عکس رو میخواهی بزاری که آموزش او هست و به جای متن میتونی کد های عکس رو قرار بدی
موفق باشید





niniweblog
تمامی حقوق این صفحه محفوظ و متعلق به پسر بد می باشد