safoora.ir

عوض کردن رنگ پس زمینه قالب

13 پست در این موضوع

آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

پس زمینه قالب شما یک تصویر کوچک است که باید در مسیر زیر باشه :

templates/jp-aseman-ii/images/body-bg.png

همانطور که مشاهده میکنید body-bg.png نام فایل تصویری شماست ولی این فایل در مسیر مورد اشاره حذف شده است

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

تصویر هم بسیار کوچک در نظر بگیرید که در پس زمینه تکرار بشه و نمای خوبی بگیره

Share this post


Link to post
Share on other sites

نه عکس نیست از تو cpanelقسمتtemplates/jp-aseman-ii/images/body-bg.png رفتم نبوده عکس نیست رنگ

Share this post


Link to post
Share on other sites

شما به مدیریت قالب برید و فشرده سازی css رو روی خیر بذارید تا راحتتر بشه راهنمایی کرد...

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

Share this post


Link to post
Share on other sites

شما به فایل template.css برید و خط 37 کد زیر هستش از اونجا میتونید تغییر بدید

body#bd {
   background: url("../images/body-bg.png") no-repeat scroll center top / contain  rgb(57, 135, 174);
   color: rgb(51, 51, 51);
}

Share this post


Link to post
Share on other sites

خب الان عوضش کردم ببینید دو تیکه است بالاس عوض میشه اما پایینش............................

Share this post


Link to post
Share on other sites

شما اگه میخواین یه رنگ خالی باشه فقط به بک گراند رنگ بدید و کدهای دیگه رو حذف کنید

   background: #fff;

خواستید میتونید تصویر هم درست کنید یه تصویر کوچیک و با خاصیت تکرار بذارید تا کل بک گراند رو بگیره همون کاری که استاد طالبی گفتن...

Share this post


Link to post
Share on other sites

با اجازه استاد صابر

برای اینکه رنگ صفحتون یک تیکه باشن در کد زیر باید مقدار no-repeat رو repeat تبدیل کنید یعنی:

body#bd {
   background: url("../images/body-bg.png") [color="#FF0000"]no-repeat[/color] scroll center top / contain  rgb(57, 135, 174);
   color: rgb(51, 51, 51);
}

به این تبدیل شود:

body#bd {
   background: url("../images/body-bg.png") repeat scroll center top / contain  rgb(57, 135, 174);
   color: rgb(51, 51, 51);
}

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

Share this post


Link to post
Share on other sites

ممنون انجام دادم

حالا اگه بخوام یه رنگ بذارم کد رنگا ر واز کجا باید بدونم؟

Share this post


Link to post
Share on other sites
ممنون انجام دادم

حالا اگه بخوام یه رنگ بذارم کد رنگا ر واز کجا باید بدونم؟


body#bd {
background: کد رنگ خود را در اینجا قرار دهید;
}

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری