اضافه کردن دکمه تغییر پوسته به هدر

[kasra_abbaszadeh 58]

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

[CHRIS-7 1009]

برای این مورد نیاز به کد نویسی استایل هست و یه چند خط کد html و jquery که بدون رفرش رنگ رو عوض کنه ، ضمن اینکه باید یه مقدار با دقت کد نویسی بشه !

نمونه های زیادی در اینترنت وجود داره ، مثلا این لینک : Create A Dark/Light Mode Switch with CSS Variables

[Arash.Ranjbar 11]

سلام.

اگه به فوتر قالبتون نگا کنین یه گزینه به اسم پوسته میبینین که کاربر با کلیک روی اون تم مورد نظرشو انتخاب میکنه. اگه منظورتون اضافه کردن همین گزینه به هدر سایت هست بگین تا کدشو براتون بفرستم. 

[kasra_abbaszadeh 58]

@Arash.Ranjbar اگه بفرستید ممنون میشم مرسی !

[Arash.Ranjbar 11]

سلام.

برای اضافه کردن منوی تغییر زبان وارد پوسته ها بشید و پوسته مورد نظر رو ویرایش کنید. در تب قالبها عبارت userbar رو جستجو و باز کنید. در داخل کدها کد زیر رو پیدا کنید:

<a href='{url="app=core&module=messaging&controller=messenger" seoTemplate="messaging"}' id='elFullInbox' data-ipsTooltip title='{lang="userbar_messages" escape="true"}' data-ipsMenu data-ipsMenu-closeOnClick='false'>
<i class='fa fa-envelope'></i> <span class='ipsNotificationCount {{if !\IPS\Member::loggedIn()->msg_count_new}}ipsHide{{endif}}' data-notificationType='inbox' data-currentCount='{member="msg_count_new"}'>{member="msg_count_new"}</span>
</a>

و بعد کد، کد زیر رو قرار بدید:

<li>
<a href='#elNavTheme_menu' id='elNavTheme' data-ipsMenu data-ipsMenu-above data-ipstooltip="" _title="انتخاب پوسته"><i class='fa fa-paint-brush'></i></a>
</li>

تنظیمت رو ذخیره کنید. توجه کنید که اگر یک پوسته داشته باشید این منو ظاهر نمیشه و حتما باید بیش از یک پوسته داشته باشین.

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

 

موفق باشین.