رفتن به مطلب

تغییر رنگ لینک ها در مگامنو


پست های پیشنهاد شده

سلام خدمت اساتید

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

لینک به ارسال

اگر قالبت بهت امکان آی دی دادن به منو و لیستی که میسازی بهت میده , یک کلاس یا آی دی تعریف کن و بعدش داخل همون باکسی css سفارشی که گفتی بهش استایل بده

در غیر اینصورت باید از طریق کدهای خروجی سایتت ببینی به اون لینکی که مدنظرته چه آی دی داده شده و صرفا برای اون آی دی استایل بدی

لینک به ارسال
در 3 ساعت قبل، فرهاد گفته است :

اگر قالبت بهت امکان آی دی دادن به منو و لیستی که میسازی بهت میده , یک کلاس یا آی دی تعریف کن و بعدش داخل همون باکسی css سفارشی که گفتی بهش استایل بده

در غیر اینصورت باید از طریق کدهای خروجی سایتت ببینی به اون لینکی که مدنظرته چه آی دی داده شده و صرفا برای اون آی دی استایل بدی

ممنون از راهنماییت ولی ما مبتدیا نهایت بتونیم ای دی لینک در بیاریم. بقیش چی؟ :D

لینک به ارسال

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

  • صفحه اصلی
  • آیتم 1
  • آیتم 2
  • آیتم 3
  • تماس با ما
  • درباره ما

کد html تقریبی

<ul class="menu">
  <li>صفحه اصلی</li>
  <li>آیتم 1</li>
  <li>آیتم 2</li>
  <li>آیتم 3</li>
  <li>تماس با ما</li>
  <li>درباره ما</li>
</ul>

و ما بخوایم رنگ فونت آیتم ها عوض بشه به این شکل عمل میکنیم

ul.menu li:nth-child(2),
ul.menu li:nth-child(3),
ul.menu li:nth-child(4){background: green}

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...