خوش آمدید به انجمن ای فری

بازدیدکننده گرامی برای دسترسی به تمامی امکانات در انجمن عضو شوید. پس از ثبت نام و ورود به سیستم ، می توانید موضوعات ایجاد کنید ، پاسخ به موضوعات موجود ارسال کنید ، به اعضای انجمن امتیاز دهید ، اقدام به خرید و فروش کنید ، و موارد دیگر. عضویت، سریع و کاملاً رایگان است ، پس منتظر چی هستی؟

درخواست راهنمایی

اگر نیاز به راهنمایی دارید درخواست خود را ثبت کنید

فروشگاه

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

دانلود منابع

قالب و افزونه های جدید و بروز را میتوایند از اینجا دانلود کنید

WALKER

مدیر کل انجمن
عضویت
11/13/18
ارسال ها
6,100
امتیاز واکنش
5,500
محل سکونت
tehran
آنتی ویروس
3002
قرار دادن عکس در پس زمینه سایت

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

و اما چگونگی انجام اینکار…

برای اینکار باید کد های css را روی body قالب سایتتان اجرا کنید. پس کد را بصورت زیر به استایل قالب که در وردپرس همان style.css هست کپی می کنیم.

کد
body{
    background:url(آدرس عکس شما) no-repeat;
}

در صورتی که می خواهید تصویر در پس زمینه تکرار شود. مثلا از یک پترن استفاده کرده اید. no-repeat را به repeat تغییر دهید.

در قسمت آدرس عکس شما باید آدرس تصویرتون رو قرار بدید.

یک نکته
: برای تمام صفحه کردن تصویر کد زیر رو به Css بالا اضافه کنید:

کد
background-size:cover;

به همین راحتی
 

samoolix

مدیر ارشد انجمن
عضویت
4/17/19
ارسال ها
32
امتیاز واکنش
66
محل سکونت
127.0.0.1
با تشکر از سناتور عزیز، اضافه کنم که اگر میخواهید تصویر در هنگام اسکرول کردن صفحه، ثابت مانده و محتوا اسکرول شود، کد زیر را نیز اضافه کنید:
CSS
background-attachment: fixed;
و در صورتی که عکس شما دارای سایز بزرگی بوده و میخواهید عکس شما دقیقا در وسط صفحه قرار گیرد، از کد زیر استفاده کنید:
CSS
background-position: center;
 
ارسال کننده موضوعات مشابه انجمن پاسخ ها تاریخ
lordmehdi درخواست آموزش قرار دادن گروه کاربری در پائین انجمن آموزشهای زنفورو 6
WALKER آموزش قرار دادن تبلیغات پس از محتوای پست در وردپرس آموزشهای وردپرس 0
WALKER آموزش آموزش قرار دادن کد PHP در ابزارک وردپرس آموزشهای وردپرس 0
Magical اندروید دانلود Music Video Editor Add Audio Premium 1.39 - نرم افزار قرار دادن موزیک روی ویدیو برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود shot on Pro - Auto Add Sign & Shot on mark on pic 3.0 - نرم افزار قرار دادن امضای دیجیتال روی تصاویر برای اندروید نرم افزارهای اندروید 0
lord آموزش دسترسی وبمستران به وبسایت هایی که روی سرور خارج قرار دارند افزونه های وردپرس 2
maede افزونه نشان دادن اخرین ارسالی ها در وردپرس پشتیبانی زنفورو 1
Polonia درخواست افزونه نشان دادن ای پی واقعی کاربران درخواست قالب و افزونه 1
WALKER آموزش آموزش سئو وردپرس با لینک دادن عنوان مطالب به منابع خارجی آموزشهای وردپرس 0
soheilnew مباحث و مشکلات مشکل عکس با اپدیت 2.1.3 زنفورو پشتیبانی زنفورو 2
Magical اندروید دانلود InShot Video Editor No Crop,Music,Cut 1.573.215 - نرم افزار اشتراک عکس و ویدیو با ابعاد کامل در اینستاگرام برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Snapseed 2.19.0.201907232 - نرم افزار ویرایشگر عکس مشهور اسنب سید برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Textgram - write on photos Full 3.4.5 - نرم افزار نوشتن متن بر روی عکس برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Photo Editor by Aviary 4.8.4 b596 - نرم افزار ویرایشگر عکس متفاوت برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Matn Negar 4.5.4 - نرم افزار متن نگار محبوب ترین عکس نوشته ساز برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Name Art 2.6 - نرم افزار نوشتن هنری نام خود برروی عکس برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Pixlr – Free Photo Editor 3.4.7 - نرم افزار ویرایشگر عکس برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Photo & Picture Resizer 1.0.180 - نرم افزار کاهش حجم عکس برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Geulgram - Text on Photo, quote maker 2.5.6 - نرم افزار نوشتن حرفه ای متن روی عکس برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Prisma Premium 3.1.0.358 - نرم افزار افکت گذاری عکس پریزما برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Photo Studio PRO 2.0.19.4 - نرم افزار عالی افکت گذاری و ویرایش عکس برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Vertical Gallery 1.1.3 - نرم افزار گالری عکس ساده و کاربردی برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود PhotoDirector Photo Editor App Full 6.10.0 - نرم افزار ویرایشگر قدرتمند عکس برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود PicsArt Photo Studio & Collage 11.2.0 - نرم افزار استودیو عکس قدرتمند برای اندروید + پکیج فونت فارسی + مود نرم افزارهای اندروید 0
Magical اندروید دانلود DMD Panorama Pro 6.12 - نرم افزار گرفتن عکس 360 درجه برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Photo Lab PRO Picture Editor: effects, blur & art 3.3.11 - نرم افزار آزمایشگاه عکس اندروید نرم افزارهای اندروید 0
Magical دانلود Dialer Vault - VaultDroid Hide Photo Video OS 10 1.4 - نرم افزار مخفی کردن عکس و فیلم برای اندروید نرم افزارهای اندروید 0
Magical دانلود Gallery Vault - Hide Pictures Pro 3.11.2 - برنامه مخفی سازی عکس و ویدیو برای اندروید + مود نرم افزارهای اندروید 0
Admin آموزش کامل تبدیل عکس به متن با استفاده از گوگل درایو آموزش های برنامه نویسی 1
Magical دانلود Snapchat 10.46.1.0 - برنامه اشتراک گذاری عکس "اسنپ چت" اندروید نرم افزارهای اندروید 0

موضوعات مشابه

shape1
shape2
shape3
shape4
shape7
shape8
بالا