اضافه کردن عکس به بگراند سایت

[alireza6365 10]

در بعضی از سایت که بر پایه جوملا طراحی شده یک عکس در بگراند قرار دارد . نحوه قرار عکس در بگراند را می خواستم برام توضیح بدید باتشکر

[saber 208]

شما تصویری رو که میخواین به عنوان بک گراند استفاده کنید در پوشه images قالب خودتون قرار بدید و سپس در فایل css در محل مناسب بک گراند رو اعمال کنید

آدرس سایتتون رو هم بذارید بهتر میشه راهنمایی کرد

[alireza6365 10]

با تشکر نام سایت جوملا 2.5 فارسی - انجمن جوملای ایران

البته این اولین کار من هست و هنوز تکمیل نشده قالبش همون قالب 2.5.14 جوملا هست

خوشحال میشم نظرتونم بدونم

[bestdata 16]

شما می توانید با استفاده از فایل css و اصول کد نویسی زبان css براحتی تغییر پشت زمینه بدید

برای مطالعه زبان css کلی کتاب و منبع تو اینترنت هست اما من یک منبع خوب بهتون پیشنهاد میدم

CSS Background

اما اینکه چطوری سایت خودتون رو تغییر بدید

شما می تونید فایل

http://www.mikastone.com/templates/shaper_simplicity_ii/css/template.css

رو ویرایش کنید و برای تغییر پست زمینه سایتتون کد زیر را پیدا کنید

.bg{background:#f5f5f5}

و با تغییر این کد می تونید تغییرات در پشت زمینه سایتتون اعمال کنید خوب شما می تونید از رنگ استفاده کنید

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

.bg{background:red;}

یا مثلا

.bg{background:blue;}

.

.

.

یا می تونید رنگ رو با کد هگز تعیین کنید خود نمونه کد بالا یک کد هگز می باشد

.bg{background:#f5f5f5}

یا مثلا کد

.bg{background:#FFF4F4;}

.

.

.

اینم آدرس یه سایتی که توش کد هگز و اسم یه کلی رنگ توشه

CSS Color Names

سایت بهتر از این هم زیاده کافیه بگردی نرم افزار فتوشاپ و حی نقاشی خود ویندوز هم می تونند کد تعیین کنند

یا می تونید عکس بذارید پشت زمینه که کد بالا به کد زیر تغییر می کند

.bg {
background: url(http://kolahghermezi.com/web/assets/ee298ece/img/backgrounds/background2.png);
}

یا مثلا عکس

.bg {
background: url(http://ilna.ir/news/images/symbol/background.png);
}

.

.

.

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

امیدوارم پست بدردتون خورده باشه

[alireza6365 10]

باتشکر فراوان مشکلم حل شد