خوش آمدید!

برای دریافت آخرین بروزرسانی‌های افزونه، استایل و ... نیازمند ثبت‌نام در انجمن می‌باشید تا با ما بروز بمانید!

ثبت نام!
آموزشهای وردپرس

WALKER

مدیر کل انجمن
تاریخ ثبت‌نام
11/13/18
نوشته‌ها
6,138
پسندها
5,574
امتیازها
113
محل سکونت
tehran
آنتی ویروس
3002
قرار دادن عکس در پس زمینه سایت

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

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

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

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

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

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

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

کد:
background-size:cover;

به همین راحتی
 

Mr. AnonYmouS

مدیر ارشد انجمن
تاریخ ثبت‌نام
4/17/19
نوشته‌ها
56
پسندها
87
امتیازها
18
محل سکونت
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

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

بالا