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

  چند نفر از عزیزان آموزش قرار دادن عكس در پس زمینه ی وبلاگ یا صفحه ی 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 و ساعت 11:08 ق.ظ

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

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

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