راهنمایی جامع در مورد ویرایش قالب

[MOHAMAD]

سلام و عرض ادب خدمت اساتید.

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

مورد اول:

رنگ پس زمینه برای عنوان تالار ها و هدر بصورت گرادیانی متغیر و گرادیانی ثابت مثل همین انجمن.(قالب دیفالت)

مورد دوم:

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

مورد سوم:

آموزش تنظیم فاصله بین ستون های زیر تالار ها (توی قالب های لاتین و دیفالت این مشکل فاصله هست)

مورد چهارم:

رنگ گرادیانی و نئونی برای گروه های کاربری بصورت جدا ....و ترکیبی از دوتا.(منظورم اینه برا یه سریا میخوام نئون اعمال بشه با رنگ ثابتت برا یه سری دیگه گرادیانی متغیر برای ی سریای دیگه ترکیب هر دو)

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

ویرایش شده در آوریل 5 2021 توسط MOHAMAD

[Support]

در 19 دقیقه قبل، MOHAMAD گفته است :

رنگ پس زمینه برای عنوان تالار ها و هدر بصورت گرادیانی متغیر و گرادیانی ثابت مثل همین انجمن.(قالب دیفالت)

میتونید از این آموزش استفاده کنید

 

در 20 دقیقه قبل، MOHAMAD گفته است :

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

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

 

در 21 دقیقه قبل، MOHAMAD گفته است :

آموزش تنظیم فاصله بین ستون های زیر تالار ها (توی قالب های لاتین و دیفالت این مشکل فاصله هست)

برای این مورد کد زیر رو داخل custom.css قرار بدید

 

html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li {
    margin-left: -30px;
}
html[dir="ltr"] .ipsDataItem_subList.ipsList_inline > li {
    margin-right: -30px;
}

اعداد رو بر حسب نیاز میتونین تغییر بدین

 

در 23 دقیقه قبل، MOHAMAD گفته است :

رنگ گرادیانی و نئونی برای گروه های کاربری بصورت جدا ....و ترکیبی از دوتا.(منظورم اینه برا یه سریا میخوام نئون اعمال بشه با رنگ ثابتت برا یه سری دیگه گرادیانی متغیر برای ی سریای دیگه ترکیب هر دو)

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

 

[MR-K4SR3]

در 20 ساعت قبل، MOHAMAD گفته است :

سلام و عرض ادب خدمت اساتید.

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

مورد اول:

رنگ پس زمینه برای عنوان تالار ها و هدر بصورت گرادیانی متغیر و گرادیانی ثابت مثل همین انجمن.(قالب دیفالت)

مورد دوم:

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

مورد سوم:

آموزش تنظیم فاصله بین ستون های زیر تالار ها (توی قالب های لاتین و دیفالت این مشکل فاصله هست)

مورد چهارم:

رنگ گرادیانی و نئونی برای گروه های کاربری بصورت جدا ....و ترکیبی از دوتا.(منظورم اینه برا یه سریا میخوام نئون اعمال بشه با رنگ ثابتت برا یه سری دیگه گرادیانی متغیر برای ی سریای دیگه ترکیب هر دو)

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

سلام دوست عزیز اینهایی که میگین رو میتونین با Css ردیف کنین و برای زیبایی از افکت ها استفاده کنید .

اگه بخوام راحت ترین روش رو بگم یه تب از کد های قالب باز کنید یک تب هم از وبسایتتون میتونید با استفاده از Inspect element خود مرورگر رنگ جاهارو تغییر داده و کد Css که از طریق مرورگر تغییر میدین رو رو بندازید به custom.css یا اصلا جایگزین آن کد در Css های قالب کنید و تغییرات را اعمال کنید . 

موفق باشید .

[MOHAMAD]

در در ۱۴۰۰/۱/۱۶ در 15:45، Arash.Ranjbar گفته است :

میتونید از این آموزش استفاده کنید

ممنون بابت راهنمایی هات ولی در رابطه با رنگ پس زمینه متفاوت این آموزش خیلی ب کارم نمیاد چیزی تو مایه های کاری که خودتون انجام دادین توی تم لایت انجمن مد نظرم هست که شامل تالار ها بلوک ها هدر و .... بشه.

در مورد زیر تالار ها هم منظورم اینه که اگه مثلا ده تا تالار دارم و هر ده تا زیر تالار هم دارن میتونم تعین کنم که تالار های مد نظرم زیر تالار رو نشون بدن و بقیه نشون ندن .

مورد و سوم و چهارم هم اوکی شد دستت درد نکنه فقط اون آموزش جرقه ای کردن یه لینک توی کدها هست giphy.com که متاسفانه سایتش فقط با فیلتر شکن باز میشه و کل اون آموزش رو خراب کرده ....ب نظرم اوون فایلش رو یه جای مطمئن آپلود کنید و لینک رو توی آموزش جایگزین کنید یا فایل رو بذارید تا هر کی توی هاست خودش آپلود کنه اینجوری مطمئن تره

در 6 ساعت قبل، MR-K4SR3 گفته است :

سلام دوست عزیز اینهایی که میگین رو میتونین با Css ردیف کنین و برای زیبایی از افکت ها استفاده کنید .

اگه بخوام راحت ترین روش رو بگم یه تب از کد های قالب باز کنید یک تب هم از وبسایتتون میتونید با استفاده از Inspect element خود مرورگر رنگ جاهارو تغییر داده و کد Css که از طریق مرورگر تغییر میدین رو رو بندازید به custom.css یا اصلا جایگزین آن کد در Css های قالب کنید و تغییرات را اعمال کنید . 

موفق باشید .

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

[Support]

سلام مجدد

در 2 ساعت قبل، MOHAMAD گفته است :

چیزی تو مایه های کاری که خودتون انجام دادین توی تم لایت انجمن مد نظرم هست که شامل تالار ها بلوک ها هدر و .... بشه.

از کدهای زیر استفاده کنین:

/*برای عنوان تالارها*/
.ipsType_sectionTitle {
   background-image: url('آدرس تصویر')!important;
    background-size: cover !important;
    background-position: 50% 30% !important;
    border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-sizing: border-box;
  color: rgb(255, 255, 255)
}
/*برای عنوان ابزارکها یا بلوکهای کناری*/
.ipsWidget_title {
  background-image: url('آدرس تصویر')!important;
    background-size: cover !important;
    background-position: 50% 30% !important;
    border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-sizing: border-box;
  color: rgb(255, 255, 255)
}

 

در 2 ساعت قبل، MOHAMAD گفته است :

giphy.com که متاسفانه سایتش فقط با فیلتر شکن باز میشه

فایلش رو توی همون پست آموزش میزارم

در 2 ساعت قبل، MOHAMAD گفته است :

در مورد زیر تالار ها هم منظورم اینه که اگه مثلا ده تا تالار دارم و هر ده تا زیر تالار هم دارن میتونم تعین کنم که تالار های مد نظرم زیر تالار رو نشون بدن و بقیه نشون ندن .

ببینید برای اینکه بخواید کل زیر تالارهارو مخفی کنید میتونید از کد زیر و قرار دادن تو custom.css استفاده کنید:

.ipsApp_front .cForumRow .ipsDataItem_subList { 
display:none; 
}

 

[MOHAMAD]

در 4 ساعت قبل، Arash.Ranjbar گفته است :

ببینید برای اینکه بخواید کل زیر تالارهارو مخفی کنید میتونید از کد زیر و قرار دادن تو custom.css استفاده کنید:

.ipsApp_front .cForumRow .ipsDataItem_subList { 
display:none; 
}

 

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

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

مورد بعدی در مورد هدر سایت هست تغییر سایز هدر و اینکه چطور میشه عکس با سایز دلخواه توی هدر جایگزین کرد(طوری که اون نوار پایین هدر هم یکپارچه بشه) اینم اگه راهنمایی کنید ممنون میشم

ویرایش شده در آوریل 6 2021 توسط MOHAMAD

[Support]

در 8 ساعت قبل، MOHAMAD گفته است :

مورد بعدی در مورد هدر سایت هست تغییر سایز هدر و اینکه چطور میشه عکس با سایز دلخواه توی هدر جایگزین کرد(طوری که اون نوار پایین هدر هم یکپارچه بشه) اینم اگه راهنمایی کنید ممنون میشم

از کد زیر میتونین برای گذاشتن تصویر دلخواهتون استفاده کنین:

#ipsLayout_header header {
    background-image: url('آدرس تصویر') !important;
    background-position: 50% 99% !important; /*تنظیم موقعیت*/
    height: 300px; /*تنظیم ارتفاع*/
}

از کد زیر هم میتونین برای گذاشتن تصویر برای پس زمینه منو استفاده کنین: (عین همین انجمن)

#ipsLayout_header nav {
    background-image: url('آدرس تصویر') !important;
    background-position: 59% 99% !important; /*تنظیم موقعیت*/
}