تبلیغات
سایت تخصصی آموزش ایرانیان - مطالب آموزش طراحی ( html )
:: قرار دادن فایل فلش در وب با حذف پس زمینه ی آن

 این كد رو من قبلا هم گذاشته بودم . منتهی چون بازم خیلی درخواست كردن براتون میزارم . البته ایندفعه به اضافه ی آموزش برداشتن پس زمینه ی فایل فلش .

ساده ترین كد قرار دادن فایل فلش در وب به  شكل زیره :

:: شما باید آدرس فایل فلش رو به جای Adress در كد بالا بزارید تا فایل فلش رو به همراه پس زمینه ش در وبتون داشته باشید . در قسمت height اندازه ی ارتفاع و در قسمت width اندازه ی پهنای فایل فلش رو برای نمایش در وب بر حسب پیكسل قرار بدید .

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

حالا اگه بخواید فایل فلشی كه در وب میزارید پس زمینه ی خودشو محو كنید باید یه ریز كد به كد بالا اضافه كنید . به این ترتیب كه میان كد "wmode="transparent  رو در كد بالا وارد كنید كه كد به شكل زیر در میاد :

:: حالا با استفاده از كد دوم همون فایلی رو كه بالا برای نمایش گذاشتم  با محو پس زمینه در زیر میتونید ببینید :



 

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

موفق و سربلند باشید .

:: نوع مطلب : آموزش طراحی ( html ) ,

:: نوشته شده توسط : Nobody در دوشنبه 29 مرداد 1386 و ساعت 11:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت   نظرات ( )

:: قرار دادن انواع متن متحرك در صفحات وب

 در دو پست قبل گفته بودم كه آموزش متحرك سازی متن رو براتون بزارم .منم این پست رو به این مطلب اختصاص دادم .

كد متحرك سازی متن در حالت كلی به شكل زیره :

<marquee
direction="جهت"
width="150" height="180"
scrolldelay="1"
scrollamount="1">
متن شما
</marquee>

حالا توضیح در مورد كد :

 قسمتی از كد كه به رنگ سبز هست برای تایین عرض و ارتفاع باكسی كه متن توش حركت می كنه هست . در قسمت Width عرض ( پهنای) باكس و در قسمت Height ارتفاع باكس رو قرار بدید . در كد بالا به طور پیشفرض اندازه ی باكس 150 در 180 پیكسل هست . یعنی پهنای باكس 150 پیكسل و ارتفاعش 180 پیكسل هست . شما خودتون با تغیر این دو عدد می تونید اندازه ی مورد نظر باكس رو تعیین كنید .

 قسمتی رو كه با رنگ آبی مشخص كردم جهت حركت متن درون باكس رو مشخص می كنه . كه باید به دلخواه خودتون یكی از مقادیر زیر رو بهش بدین . این مقادیر رو به جای كلمه ی "جهت" در كد باید بزارید :

جهت حركت

مقدار ریز كد direction

حركت از چپ به راست ( مخصوص متون فارسی)

Right

حركت از راست به چپ ( مخصوص متون انگلیسی)

Left

حركت از پایین به بالا

Up

حركت از بالا به پایین

Down

برای خوندن و یاد گرفتن بقیه ی جزئیات ( قرار دادن لینك به جای متن متحرك ، رنگ پس زمینه ی باكس ، ایستادن حركت متن با رفتن موس روی آن و ... ) ادامه ی مطلب رو ببینید :

 اگر  بخواید كه با رفتن موس روی باكس متن متحرك بایسته و حركت نكنه باید دو ریز كد به كد بالا اضافه كنید . كه ریز كدها در زیر مشخصند :

<marquee
direction="جهت"
width="150" height="180"
onmouseover="this.stop()"
onmouseout="this.start()"
 
scrolldelay="1"
scrollamount="1">

متن شما
</marquee>

  برای  تغییر سرعت حركت متن می تونید مقادیر دو ریز كد  scrolldelay و  scrollamount رو تغیر بدید . مقدار هر دو ریز كد در بالا "1" هست كه به نظر من استاندارده برای سرعت حركت متن و نیازی نیست كه تغیرش بدین . مگر اینكه جایی لازم باشه كه سرعت حركت متن رو بیشتر كنید .

اگر بخواید كه برای پس زمینه ی باكس یك رنگ قرار بدین باید از ریز كد Style استفاده كنید . در زیر این ریز كد مشخصه . شما باید در جاهای مشخص شده در زیر ، كد رنگ یا نام رنگ به انگلیسی رو وارد كنید .

<marquee
direction="جهت"
width="150" height="180"

Style="color:رنگ متن ; background-color:رنگ پس زمینه ;"
scrolldelay="1"
scrollamount="1">
متن شما
</marquee>

در زیر كد چند تا از رنگ ها رو براتون گذاشتم كه می تونید در كد بالا بزارید:

www.irLearning.com

 

www.irLearning.com

 

www.irLearning.com

قرمز

#FF0000

 

زرد

#FFFF00

 

بنفش

#800080

آبی

#0000FF

 

نقره ای

#C0C0C0

 

صورتی

#FF00FF

سیاه

#000000

 

قهوه ای

#804000

 

نارنجی

#FF9900

سفید

#FFFFFF

 

خاكستری

#EEEEEE

 

-

#DFDFDF

سبز

#008000

 

نیلی

#46B5FF

 

-

#8080C0

 با قرار دادن متن در بین دو تگ <center> و <center/> می توانید متن را به وسط باكس بیاورید . یعنی متن وسط چین باشد.

  اگر خواستید كه لینك یا عكسی رو در باكس قرار بدید تا حركت كنه ، فقط لازمه به جای متن كد لینك یا كد قرار دادن عكس رو بزارید . كه كد لینك دادن و قرار دادن عكس به شكل زیره . اگر خواستید چند لینك یا چند عكس بزارید اونها رو با یه تگ <br> جدا كنید تا توی چند سطر زیر هم بیان . یعنی بعد از هر كد لینك یا عكس یك تگ <br> بزارید .

     


 خوب حالا كل آموزش رو در قالب یك سوال مطرح می كنم و جواب میدم . سعی كنید شما اول خودتون جواب بدید بعد با جواب من مقایسه كنید :

سوال :

كد متن متحركی را با خصوصیات زیر بنویسید :

اندازه ی باكس حاوی متن : عرض 120 و ارتفاع 200 ، جهت حركت متن از پایین به بالا ،  متن متحرك با رفتن موس روی آن بایستد ، رنگ پس زمینه نقره ای و رنگ متن متحرك قهوه ای باشد . متن وسط باكس باشد .

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

<marquee
direction="Up"
width="120" height="200"
onmouseover="this.stop()"
onmouseout="this.start()" 

Style="color:#804000 ; background-color:#C0C0C0 ;"
scrolldelay="1"
scrollamount="1">
 

<center>
irLearning.com<br>

irLearning.com<br>

irLearning.com<br>

irLearning.com<br>

irLearning.com<br>
</center>

</marquee>

:: نمایش این كد هم به شكل زیره :

irLearning.com
irLearning.com
irLearning.com
irLearning.com
irLearning.com


:: نوع مطلب : آموزش طراحی ( html ) ,

:: نوشته شده توسط : Nobody در دوشنبه 29 مرداد 1386 و ساعت 11:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت   نظرات ( )

:: آموزش کامل قرار دادن عكس در پس زمینه ی صفحه

  چند نفر از عزیزان آموزش قرار دادن عكس در پس زمینه ی وبلاگ یا صفحه ی HTML رو درخواست كرده بودن كه من اینجا به صورت كامل براتون توضیح میدم .

شما برای قرار دادن یك عكس در پس زمینه ی وبتون باید یه تغیراتی تو تگ <body> بدید . برای اینكار تگ <body> را در  قالب خود پیدا كنید و اونرو به صورت زیر دربیارید :

<body background="Adress Of Image">

كه باید به جایه Adress Of Image آدرس عكسی رو بزارید كه میخواید بره به پس زمینه ی وب . با اینكار این عكس در پس زمینه تكرار میشه .

حالا اگه خواستید تكرار نشه و یا اینكه عمودی یا افقی تكرار بشه ادامه رو بخونید :

برای اینكه تكرار نشه باید تگ بادی به شكل زیر در بیاد :

<body background="Adress Of Image" style="background-repeat:no-repeat">

همونطور كه میبینید با اضافه كردن میان كد background-repeat:no-repeat برای تكرار عكس مقدار No رو قرار دادیم . پس عكس تكرار نمیشه .

حالا اگه خواستید عكس پس زمینه به صورت افقی تكرار بشه تگ بادی باید به شكل زیر دربیاد :

<body background="Adress Of Image" style="background-repeat:repeat-x">

برای اینكه عكس فقط به صورت عمودی و زیر هم تكرار بشه هم باید تگ بادی به شكل زیر در بیاد :

<body background="Adress Of Image" style="background-repeat:repeat-y">

در آخر هم نمایش هر كدوم از عملیات بالا رو براتون میزارم كه بهتر متوجه بشید :

من تو نمایش این تغیرات در تگ بادی عكس روبرو رو گذاشتم واسه پس زمینه كه ببینید چطور تكرار شده  :

عكس پس زمینه (  با تكرار )

عكس پس زمینه ( بدون تكرار )

عكس پس زمینه ( تكرار افقی )

عكس پس زمینه ( تكرار عمودی )


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

:: نوع مطلب : آموزش طراحی ( html ) ,

:: نوشته شده توسط : Nobody در دوشنبه 29 مرداد 1386 و ساعت 10:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت   نظرات ( )

:: معرفی Html و Frontpage

خوب دوستان عزیز امروز اولین پست رو در مورد آموزش طراحی میدم . اول یه كم در مورد Html و بعد در مورد برنامه ای كه بهش نیاز دارید و بهتره كه از اون استفاده كنید.

HTML چیست ؟

همونطور كه می دونید Html یك زبان برنامه نویسی صفحات وب هست كه از عبارت Hyper Text Markup Language گرفته شده .

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

فایل های Html با دو فرمت htm. و html. وجود دارند .

از مزیت های Html اینه كه فایل های اون با هر ادیتور ساده ای قابل ساختن هستند . مثلا اگر از ویندوز استفاده می كنید می تونید با Notepad كه برنامه ی خیلی ساده ای هست یك فایل Html ایجاد كنید . فقط لازمه در هنگامه ذخیره ی فایل در Notepad به آخر اسم اون html. یا htm. اضافه كنید و اونو Save كنید . به همین راحتی می تونید یك فایل Html ایجاد كنید .

اما برای راحتی كار و صرفه جویی در زمان بهتره كه از برنامه ی پیشرفته تری كه برای این كار ساخته شده استفاده كنید . برنامه های زیادی برای ایجاد صفحات وب وجود دارن كه من به شما پیشنهاد می كنم كه از برنامه ی Microsof Front Page استفاده كنید .

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

در این پست فقط به صورت كلی یه چیزایی برای شروع گفتم . ان شاءالله در پستای بعدی شروع به آموزش تگها و كدهای Html می كنم .

پست بعدی ما در مورد طراحی و Html اختصاص پیدا می كنه به معرفی تنه ی اصلی یك فایل Html و اینكه تگهای اصلی كدوم تگ ها هستن و كارشون چیه .

:: نوع مطلب : آموزش طراحی ( html ) ,

:: نوشته شده توسط : Nobody در یکشنبه 28 مرداد 1386 و ساعت 04:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت   نظرات ( )

:: قرار دادن انواع متن متحرك در صفحات وب

 در دو پست قبل گفته بودم كه آموزش متحرك سازی متن رو براتون بزارم .منم این پست رو به این مطلب اختصاص دادم .

كد متحرك سازی متن در حالت كلی به شكل زیره :

<marquee
direction="جهت"
width="150" height="180"
scrolldelay="1"
scrollamount="1">
متن شما
</marquee>

حالا توضیح در مورد كد :

 قسمتی از كد كه به رنگ سبز هست برای تایین عرض و ارتفاع باكسی كه متن توش حركت می كنه هست . در قسمت Width عرض ( پهنای) باكس و در قسمت Height ارتفاع باكس رو قرار بدید . در كد بالا به طور پیشفرض اندازه ی باكس 150 در 180 پیكسل هست . یعنی پهنای باكس 150 پیكسل و ارتفاعش 180 پیكسل هست . شما خودتون با تغیر این دو عدد می تونید اندازه ی مورد نظر باكس رو تعیین كنید .

 قسمتی رو كه با رنگ آبی مشخص كردم جهت حركت متن درون باكس رو مشخص می كنه . كه باید به دلخواه خودتون یكی از مقادیر زیر رو بهش بدین . این مقادیر رو به جای كلمه ی "جهت" در كد باید بزارید :

جهت حركت

مقدار ریز كد direction

حركت از چپ به راست ( مخصوص متون فارسی)

Right

حركت از راست به چپ ( مخصوص متون انگلیسی)

Left

حركت از پایین به بالا

Up

حركت از بالا به پایین

Down

برای خوندن و یاد گرفتن بقیه ی جزئیات ( قرار دادن لینك به جای متن متحرك ، رنگ پس زمینه ی باكس ، ایستادن حركت متن با رفتن موس روی آن و ... ) ادامه ی مطلب رو ببینید :

:: نوع مطلب : آموزش طراحی ( html ) ,

:: نوشته شده توسط : Nobody در شنبه 27 مرداد 1386 و ساعت 03:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت   نظرات ( )

:: معرفی تگ P : ایجاد و ویرایش پاراگراف

چند تن از عزیزان گله كردند كه آموزش های طراحی و Html رو دیر به دیر آپدیت میكنم كه واقعا هم حق داشتند . منو ببخشید . از این به بعد سعی می كنم دراین زمینه بیشتر پست بدم .

حالا من با یك مقاله ی جالب شروع می كنم دوباره . توصیه میكنم این آموزش رو حتما بخونید . از نظر خودم كه یكی از بهترین مقاله های اموزشیم بوده .

معرفی تگ <P> :

تگ <P> یكی از پركاربردترین تگ های html هست . با استفاده از این تگ شما می تونید یك پاراگراف ایجاد كنید كه این پاراگراف با تگ <P> شروع و با <P/> تموم میشه . حالا من در زیر بهتون یاد میدم كه چطور یك پاراگراف رو ایجاد كنید و یا ویرایش كنید . مثلا فاصله ی بین سطر ها رو كم یا زیاد كنید ، نحوه ی قرار گیری پاراگراف چطور باشه ( چپ چین ، راست چین یا وسط بودن) و ...

خوب كد یه پاراگراف ساده به شكل زیره كه نمایشش رو در زیر میبینید :

<p>متن پاراگراف</p>                                                       ======>                                                   متن پاراگراف

 برای تغیر نحوه ی قرار گیری پاراگراف در صفحه از میانكد align استفاده میكنیم . در زیر به مقدار هایی كه باید برای میانكد align قرار بدید اشاره كردم و نمایش هر كدوم رو در زیرش گذاشتم :

اگر خواستید پاراگرافتون راست چین باشه ( ) باید به میانكد align مقدار right رو بدید . مثل زیر :

<p align="right">متن پاراگراف</p>

متن پاراگراف

اگر خواستید پاراگرافتون چپ چین باشه ( ) باید به میانكد align مقدار left رو بدید . مثل زیر :

<p align="left">متن پاراگراف</p>

متن پاراگراف

اگر خواستید پاراگرافتون وسط باشه ( ) باید به میانكد align مقدار center رو بدید . مثل زیر :

<p align="center">متن پاراگراف</p>

متن پاراگراف

حالا اگه خواستید پاراگرافتون از دو طرف میزون باشه ( ) باید به میانكد align مقدار justify رو بدید . مثل زیر :

<p align="justify">متن پاراگراف</p>

متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف

چون طولانی شد برای خوندن بقیه به ادامه ی مطلب مراجعه كنید ...

:: نوع مطلب : آموزش طراحی ( html ) ,

:: نوشته شده توسط : Nobody در شنبه 27 مرداد 1386 و ساعت 03:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت   نظرات ( )

:: مطالب پیشین