رفتن به مطلب

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


ارسال های توصیه شده

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

999.PNG

لینک ارسال
به اشتراک گذاری در سایت های دیگر

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

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام.

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

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

سلام.

برای اضافه کردن منوی تغییر زبان وارد پوسته ها بشید و پوسته مورد نظر رو ویرایش کنید. در تب قالبها عبارت 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 رو جستجو کنید و کارهای بالایی رو مجدد انجام بدید.

 

موفق باشین.

لینک ارسال
به اشتراک گذاری در سایت های دیگر

بایگانی شده

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

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.