آموزش ایجاد Text Area

برای ایجاد صفحات وب و اینترنت از زبانهای مختلف برنامه نویسی استفاده می شود.

html ,php ,java script نمونه ای از این زبانها هستند. با کمک این زبانها متن ها، تصاویر و ... در صفحات وب گنجانده میشود.

تنظیم نمودن متن ها و تصاویر با استفاده از کدها کار نسبتا مشکلی است برای حل این مشکل ادیتورهایی ایجاد شده اند که متن و تصاویر را به کمک انها می توانیم تنظیم و به عنوان یک صفحه وب منتشر کنیم.

به عنوان مثال وقتی وارد منوی کاربری وبلاگتان می شوید و اقدام به نوشتن و انتشار یک مطلب جدید میکنید در واقع از یک نوع ادیتور استفاده می کنید.

اگر کدهایی که با زیان های html ,php ,java script نوشته شده اند را درون ادیتور قرار دهید آنها اجرا می شوند.

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

برای این کار باید یک Text area  یا جعبه متنی ایجاد کنیم و کدها را درون آن قرار دهیم. كد هاي زير كد ايجاد textarea است.

<textarea name="someName" cols="40" rows="4">

اين كدها به صورت متن داخل کادر نمايش داده مي شود

</textarea>

 

 اين كدها به صورت متن داخل كادر نمايش داده مي شود

 

وقتی می خواهید کدی را برای انتشار و آموزش در وبلاگ درون texyarea قرار دهید باید كد مورد نظر را در بین  کدهاي بالا قرار دهید.

 

همانطور كه در كدهاي بالا مي بينيد در كد نويسي html برای شروع یک دستور، آن را درون  <>  قرار می دهیم و برای اعلام پایان دستور آن را درون قرار<  /> می دهیم.

در این کدها عدد 40 تنظیم کننده عرض Text area و عدد 4 تنظیم کننده تعداد سطرهای Text area می باشد.

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

در پی درخواست بازدید کنندگان محترم وبلاگ در خصوص ارائه "کد لوگوی دوستان" تصمیم گرفتم این موضوع را به عنوان یک پست در وبلاگم درج کنم.

برای جراحی و ویرایش قالب وبلاگتان آماده اید ؟با این مطلب همراه شوید.

برای قرارد ادن کدها در سیستم بلاگفا دو راه وجود دارد. اول قرار دادن کدها در قسمت تنظیمات وبلاگ - محل درج اسکریپتها و کدهای اختصاصی کاربر برای درج در وبلاگ.  و دوم ویرایش قالب وبلاگ.

اگر قالب وبلاگتان را همیشه عوض می کنید بهتر است کدها را در بخش تنظیمات وارد کنید تا با تعویض قالب کدها از بین نروند. و اگر قالب وبتان ثابت است بهتر است در قسمت ویرایش قالب وبلاگ قرار دهید.

برای ویرایش قالب وبلاگ کمی آشنایی با زبان Html نیاز است.

به کدهای زیر نگاه کنید. در نگاه اول کمی پیچده به نظر می رسد اما بسیار ساده است.

 <center><a href="http://www.minabtechnic.blogfa.com/" ><img alt="میناب تکنیک" src="http://www.blogfa.com/photo/m/minabtechnic.jpg" width="150" height="100" border="2px"></a></center>

کد بالا کد لوگوی وبلاگ من است. وقتی قصد داریم لوگوی دوستان را ایجاد کنیم باید آدرس وبلاگ ، آدرس تصویر وبلاگ و نام وبلاگ را  تغییر دهیم.

حال به کد های زیر دقت کنید.

 start logo cod--><center><a href="آدرس وبلاگ" ><img alt="نام وبلاگ" src="آدرس تصویر" width="150" height="100" border="2px"></a></center>

مطابق با کدهای بالا تعدادی لوگو مربوط به وبلاگ دوستانتان ایجاد کنید. در این کدها در سطر دوم width=150  تعیین کننده عرض تصویر لوگو و height=100 تعیین کننده ارتفاع تصویر لوگو بر حسب پیکسل است. هم چنین border=2px تعیین کننده ضخامت قاب دور تصویر لوگو می باشد.

 اگر قصد دارید لوگوی دوستان متحرک باشد تمام کدها را بین این دو کد قرار دهید.

 <center><marquee direction="up" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();" style="width: 180px;height:350px;background-color:white"> <center> محل قرار دادن کدهای لوگوی دوستان </marquee>

وقتی کدها را بین این دو کد قرار دهید بصورت متحرک در خواهد آمد. که توضیحات ان به شرح زیر است.

1.     در این کدها عدد 2 در سطر اول تنظیم کننده میزان سرعت حرکت لوگوها است و اعداد 180 و 350 در سطر سوم تنظیم کننده طول و عرض جعبه و فضایی است که لوگوها درون آن حرکت خواهند کرد.

       همچنین برای اینکه لوگوهای دوستان به هم نچسبند دو راه وجود دارد. اول قرار دادن کد یک خط زیر هر لوگو و دوم ایجاد یک فاصله معمولی.

    کد خط و کد فاصله در زیر آمده است.

کد خط <hr color="#0099FF" size="1" align="right" > کد ایجاد یک سطر فاصله بین لوگو ها <br> </br>

          کد لوگوی دوستان و راهنمای جامع ایجاد لوگوی دوستان را از لینکهای زیر دانلود کنید.

دانلود کد و راهنمای ایجاد لوگوی دوستان در قالب word

دانلود کد و راهنمای ایجاد لوگوی دوستان در قالب pdf