قرار دادن عکس در پس زمینه بادی

زمان جاریtime : شنبه 16 تیر 1403 - 8:04 بعد از ظهر

شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .

صفحه اصلیHome page / آموزش html / قرار دادن عکس در پس زمینه بادی

ارسال پاسخ جدید

تعداد بازدیدvisits : 423

vahid201

ارسال هاAnswers :	168
عضویتRegistration date :	29 /9 /1393
حمایت کردهThanks :	153
حمایت شدهThanked :	53

قرار دادن عکس در پس زمینه بادی

باسلام! عصرتون بخیر

توی خیلی از قالب ها تمام قسمت بادی یا همون بدنه قالب با استفاده از یک رنگ خاص هماهنگ میشه

مثلا

کد:

<style>
body{
		background-color: #f5f5f5;

}</style>

اما در برخی قالب ها بجای کد رنگ از عکس استفاده میشه که برای درج عکس از کد زیر استفاده میکنیم:

کد:

<style>
body{
		background:url(https://rozup.ir/up/moisrex/eghbal/12.jpg) ;

}</style>

سوالی که اینجاست اینه: چطور یه عکس کوچیک تمام سطح یه صفحه بزرگ رو می پوشونه؟

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

باتشکر!

۞ لیسـت پست‌های جدید ۞ لیست تاپیــکــــــــــهای من ۞ افـــــــــراد آنــلاین

جمعه 21 فروردین 1394 - 21:17

ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 1 : قرار دادن عکس در پس زمینه تگ body

داداش چون تو المنت body رو انتخاب کردی...و این تگ کل صفحه رو میپوشونه...پس اگه بک گراندی هم داشته باشه کل صفحه رو میگیره...

مشکل تو با کدوم قسمتشه؟؟

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

جمعه 21 فروردین 1394 - 21:18

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (2) : vahid201 - r-shayan -

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 2 : قرار دادن عکس در پس زمینه تگ body

ولی بعضی جاها تو میتونی یه عکس کوچیک رو ثابت بزاری...

مثلاً الآن اینو تست کن:

کد:

<style>
body{
	background-image:url("http://up.icelove.ir/up/icelove/other/asli-back.jpg");
	background-attachment:fixed;
	background-size:cover;
}

</style>

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

جمعه 21 فروردین 1394 - 21:23

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (2) : vahid201 - r-shayan -

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 3 : قرار دادن عکس در پس زمینه بادی

یا اینکه یه عکس کوچیک رو به طور تکراری بزاری تا کل صفحه رو بگیره که این روش بهترین و کم حجم ترین روشه:

کد:

<style>
body{
	background-image:url("https://rozup.ir/up/3nafari/theme3/img/headerbg.png");
}

</style>

تموم شد...اینا همش بود

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

جمعه 21 فروردین 1394 - 21:44

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (1) : r-shayan -

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 5 : قرار دادن عکس در پس زمینه بادی

درسته...attachment این مقادیر رو میگیره که هر کدوم کار خاصی میکنن:

inherit

local

scroll

unset

اما background-size مقدار cover و عددی مثل 10px یا هر عددی رو میگیره...میتونی تست کنی...این مقادیر هم هست:

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

جمعه 21 فروردین 1394 - 21:52

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (2) : vahid201 - r-shayan -

برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.

moisrex

درباره ماAbout us	لینک های ماOur links	کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex. ایمیلE-mail : Moisrex @ Gmail.com	کدستانMoisrex اینتکIntec تک پیکTak-Pic فتوشاپPhotoshop	کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد

انجمن کدستان Moisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستانMoisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستان Moisrex