رفتن به مطلب

تغییر رنگ منو در حالت منوی انتخاب شده


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

چکار کنم تا وقتی روی هر منو کلیک می کنم و وارد اون بخش مورد نظر میشم، منوی انتخاب شده به رنگ مشخصی در بیاد که مشخص بشه کاربر در داخل کدوم بخش یا منویی هست؟

من راستش از این دستور استفاده کردم ولی وقتی روی منویی که کلیک میکنم و رنگش عوض میشه منوهای دیگه هم همینجوری میشن و دیگه رنگشون عوض نمیشه!


.menu li a:visited { color: red; }

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

ویرایش شده توسط fantome0
لینک به ارسال

شما از فهرست های خود وردپرس استفاده کردید؟

نه مرتضی جان از فهرست ها استفاده نکردم.

لینک به ارسال

استایل موردی که داخلش هستید را با active می تونید تغییر بدید.


.menu li a:active{ color: red; }

لینک به ارسال

ACTIVE مال زمانیه که یک روی یک هایپرلینک کلیک می کنید (مدتی که کلید موس را روی لینک فشار می دهید)

اما اینکه در صفحه جدید رنگ موضوع صفحه تغییر کنه اول باید روشن کنید منوهاتون چی هستند

دسته بندی ها

صفحات جدا

منوی ایستاتیک

فهرست دلخواه

منوی استاندارد قالب ....

لینک به ارسال

ACTIVE مال زمانیه که یک روی یک هایپرلینک کلیک می کنید (مدتی که کلید موس را روی لینک فشار می دهید)

اما اینکه در صفحه جدید رنگ موضوع صفحه تغییر کنه اول باید روشن کنید منوهاتون چی هستند

دسته بندی ها

صفحات جدا

منوی ایستاتیک

فهرست دلخواه

منوی استاندارد قالب ....

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

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

لینک به ارسال

برای صفحه ها در صفحه page.php قالب و داخل حلقه وردپرس بنویسید


<style type="text/css">
#nav a[href="<?php the_permalink() ?>"] {
background: #009933;
}
</style>

برای دسته ها هم سر بزنید الان عجله دارم دومرتبه بر میس گردذم کدش رو می گذرارم

لینک به ارسال

برای صفحه ها در صفحه page.php قالب و داخل حلقه وردپرس بنویسید


<style type="text/css">
#nav a[href="<?php the_permalink() ?>"] {
background: #009933;
}
</style>

برای دسته ها هم سر بزنید الان عجله دارم دومرتبه بر میس گردذم کدش رو می گذرارم

قالبم فایل page.php نداره.

این فایل مهمه ؟ باید بسازمش؟

لینک به ارسال

قالبم فایل page.php نداره.

این فایل مهمه ؟ باید بسازمش؟

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

ویرایش شده توسط سعید شعبانی
لینک به ارسال

خوب الان من این کد رو کجا بزارم با توجه به اینکه قالبم فایل page.php نداره!

برای دسته ها باید چکار کنم؟

لینک به ارسال

خوب از فایل single.php یک کپی بگیرید و با اسم page.php ذخیره کنید بعد کد را داخل page.php قرار بدید

لینک به ارسال

برای شخصی سازی باید سازنده باشید

کاری که جناب شعبانی گفتند را با حذف بخشی که مربوط به تگ و دسته بندی هست انجام بدید برای دسته ها هم از archive.php کپی بگیرید و با نام category.php ذخیره کنید برای اینکه راحت تر باشید می تونید یک دفعه به تعداد دسته بندی هاتون کپی کنید و هر کدام را با نام آی دی دسته ذخیره کنید

category-10.php category-5.php

و مثلا داخل فایل category-10.php این کد را بگذارید

همینطور الی آخر


<style type="text/css">
.cat-item10 {
background:#009933
}
</style>

لینک به ارسال

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

من 3 تا منو به صورت استاتیک ساختم به این صورت:


<div id="top-menu">
<a href="#">صفحه نخست</a>
<a href="#">تماس با ما</a>
<a href="#">rss</a>
</div>

و تو css اینجوری بهش استایل دادم:


#menu {
width:100%;
height:25px;
background-color:#cccccc;
}
#top-menu{
height: 25px;
font:12px Tahoma;
font-weight: normal;}
#top-menu a{
background:url(images/sprites.png) no-repeat -1px -272px;
font-size: 12px;
color: rgb(211, 232, 253);
text-decoration: none;
text-align: center;
padding-left: 8px;
padding-right: 8px;
display: block;
line-height: 25px;
float: right;}

الان با توجه به اینکه منوهام استاتیک هست از این کد تو استایل استفاده میکنم ولی باز جواب نمیده:


#menu a:visited {
color: #000;
}

لینک به ارسال

آیدی منو را از کجا آوردید در کد اول که آی دی چیز دیگریه

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


<style>
#example {color:#000}
</style>

لینک به ارسال

موردی که بنده گفتم رو انجام بدیدبراتون راحتتره

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

خود وردپرس قرار داده

لینک به ارسال

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

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

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

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

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

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

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

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

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