• افزونه wpml
  • منو بوت استرپ در وردپرس
  • کد تبلیغات متنی سبز
  • دانلود ویدیو از یوتیوب بدون نرم افزار
  • کد اشتراک گذاری در شبکه های اجتماعی
محل تبلیغات شما
Search
Generic filters
Exact matches only
Filter by Custom Post Type

کدنویس در شبکه های اجتماعی

ساعت
تمامی مطالب, کد منو, کد و ابزار کد منو دایره ای – کد منو با افکت پرانتز

آمار و ارقـام سایت


  • 40

    اعضای سایت


  • 8

    قالب وردپرس


  • 11

    افزونه وردپرس


  • 8

    اسکریپت

تبـــلیغــات

  • محل تبلیغات شما
  • محل تبلیغات شما
  • محل تبلیغات شما

با سلام به کاربران و دوستداران کدنویس در این مطلب کد منو دایره ای رو براتون آماده کردیم تا در طراحی و کدنویسی قالب‌هاتون ازش استفاده کنید تا قالبی جذاب با افکتی زیبا داشته باشید.

در کد منو دایره ای که براتون قرار دادیم افکت پرانتز برای هاور قرار داده شده که مطمئنا این رو در خیلی جاها دیدید و جدیدا به افکت محبوبی تبدیل شده.

برای استفاده از این کد تنها لازمه که اونو در قسمت‌هایی که جلوتر بهتون میگیم قرار بدید تا به درستی در قالب شما که میتونه قالب وردپرس هم باشه قرار بگیره و حتما دقت کنید که بدون هیچ تغییری همان کد منو دایره ای رو قرار بدید و جاهایی که گفته میشه رو تغییر بدهید.

از نام مطلب کاملا مشخصه که کد منو دایره ای به چه صورت هست اما باز هم توضیحاتی رو در اینباره میدهیم! کد منو دایره ای از چند آیتم به صورت آیکون که در دایره قرار دارند تشکیل میشه

و موقعی که شما موس رو روی آیتم میبرید ( هاور ) افکت پرانتز زیبایی با حالت چرخشی بر روی اون آیتم ظاهر میشه و به رنگ قرمز تغییر میکنه

کد منو با افکت پرانتز

کد منو با افکت پرانتز

آیکون‌ها و رنگ افکت پرانتز هم قابل تغییر میباشد و در آخر براتون توضیح میدیم که چجوری این دو ویژگی رو تغییر بدهید و منو رو برای خودتون شخصی سازی بکنید.

و در ضمن در کد منو دایره ای از فونت آیکون استفاده شده و از اونجایی که امروزه فونت آیکون خیلی زیاد شده 🙂 در این کد از آیکون‌های سایت ionicons استفاده میشه که اتفاقا کلی آیکون داره و میتونید به راحتی ازشون استفاده کنید

خب بریم سراغ آموزش استفاده از کد

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

برای استفاده از کد منو دایره ای اول از همه کد استایل زیر رو در قسمت head قالبتون قرار بدید ( دقت کنید حتما در head باشد )

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


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

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


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

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


برای تغییرات در کد میتونید از دستوراتی که در زیر تعریف میکنیم استفاده کنید و طبق اونا کد منو دایره ای رو تغییر بدید

اول برای تغییر آیکون به سایت ionicons بروید و نام آیکون مورد نظرتون رو پیدا کنید مثلا ios-add این نام رو بعد از کلمه ion بزارید برای مثال دقت کنید

ion-ios-home-outline رو داریم و میخواین به آیکون خودمون تغییر بدیم بعد از ion نام آیکونمون رو قرار میدیم : ion-ios-add

بعد از تغییر نام گفتیم که میتونید رنگ رو هم در کد منو دایره ای تغییر بدهید به همین منظور کد زیر رو در قسمت head قالبتون بزارید

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


و کد رنگ خودتون رو به جای #c0392b قرار بدهید تا رنگ افکت پرانتز در هاور تغییر کند و به رنگ دلخواه شما درآید

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

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

با علی♥


دیدگاه‌های کاربران

بدون دیدگاه

دیدگاه بگذارید

اولین دیدگاه را شما بدهید :)

avatar
  مشترک  
اعلان

لوگو کدنویس

درباره ما

سایت کدنویس در سال 1395 برای کمک به پیشرفت وبمستران در چندین موضوع تاسیس شد و تا به حال پیشرفت چشمگیری در ارائه خدمات به کاربران خود داشته ، امیدواریم هر سال بهتر از سال قبل بتوانیم نیازهای وبمستران را در تمامی زمینه‌ها بر طرف کنیم

حسین رازقندی / مدیریت سایت
استفاده از مطالب این سایت حتی با ذکر منبع غیر قانونی و حرام بوده . کليه حقوق اين سايت متعلق به مدیریت آن می‌باشد. CodeNvis 2015-2018