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

[سحر شیرازی 1835]

سلام

مجددا مثل آموزش اضافه کردن تصویر زمینه برای هدر انجمن قبل از هر مطلبی باید ذکر کنم این آموزش مخصوص قالب پیشفرض IPS هست. در برخی  از قالب ها این قابلیت وجود داره که شما تصویری رو برای زمینه ی انجمن انتخاب می کنید اما چون در قالب پیشفرض چنین تنظیماتی وجود نداره با چند کد ساده این قابلیت رو به قالب اضافه می کنیم.

در ابتدا تصاویر مربوط به قبل و بعد از تغییرات رو مشاهده بفرمایید:

 

 

خب در ابتدا به مسیر  پنل فارسی:  " شخصی سازی > ظاهر > پوسته ها "   پنل انگلیسسی:  " Customization > Appearance > Themes " مراجعه می کنیم.در روبروی قالب پیشفرض یا Default چند آیکون وجود داره که بر روی آیکون فلش کلیک می کنیم تا گزینه ها نمایان بشن، سپس روی گزینه ی "مدیریت منابع" یا "Manage Resources" کلیک می کنیم و کلید " افزودن منبع " یا " Add Resource " رو می زنیم، در صفحه ی جدید گزینه ها رو طبق تاویر زیر تنظیم می کنیم:

پنل فارسی :

پنل انگلیسی:

حتما توجه داشته باشید که گزینه ی " موقعیت های موجود " یا "  Existing Location " بر روی global  تنظیم بشه.

از قسمت " انتخاب فایل... " یا " Choose single file " تصویر مورد نظر رو انتخاب و ذخیره کنید.

دقت داشته باشید که نام تصویر رو طوری انتخاب کنید که در فراموش نکنید، چون در مراحل بعدی به نام تصویر نیاز داریم.

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

{resource="header.jpg" app="core" location="global"} 

حالا به مسیر زیر مراجعه می کنیم :

پنل فارسی :

 Edit HTML & CSS < شخصی سازی > ظاهر > پوسته ها > پوسته ی پیشفرض

پنل انگلیسی :

Customization > Themes > Default > Edit HTML and CSS 

سپس به مسیر زیر مراجعه می کنیم:

CSS > core > front > custom > custom.css 

و کدهای زیر رو به  کدهای فایل custom.css اضافه می کنیم:

    body{
      background-image: url('{resource="image_name.jpg" app="core" location="global"}');
      background-size: cover;
      background-position: 50% 0%;
      background-repeat: no-repeat;
      background-attachment: fixed;
    } 

موفق باشید

[امیر شریفی 15]

درود بنده طبق اموزش شما پیش رفتم ولی متاسفانه پس زمینه عوض نشد

قالب : IPBFarsi

[صائب کوهپایه 2592]

لطفا برای مشکلات خودتون تاپیک ایجاد کنید