درخواست کمک : درباره جلوه دادن به منو بار

[designerpoor]

سلام دوستان

من تازه عضو شدم و به راهنماییتون نیاز دارم .

من یه منو navigation bar ساختم و می خوام طوری باشه که وقتی ماوس رو روی خونه ها می بریم رنگ پس زمینه اش عوض شه

... ممنون میشم راهنمایی کنین

 

[Mohammad]

کافیه از کد hover استفاده کنید.

به طور مثال:

ul li a:hover
{
background:#eee;
}

 

[designerpoor]

محمد جان ممنون از پاسخت

اینو یادم رفت بگم که اول اینکه من از table واسه منو استفاده کردم و داخلش لینک قرار دادم : )) نه از لیست ها . دوم اینکه این یه کار به قول معروف بزن در رویی بود یعنی همینجوری واسه یکی ساختم ولی نمی خوام دیگه منوش رو تغییر بدم و از لیست استفاده کنم .

ممنونتون میشم کدش رو واسه table هم بذارین . میخوام رو table این حرکتو انجام بدم .

بازم ممنون

 

[erfan]

انتقال یافت پرسش و پاسخ...

توجه داشته باشید استفاده از Table به جای تگ ul/li برای منو های اصلی سایت در سئو تاثیر منفی داره...

فقط کافیه سلکت رو تغییر بدید اگر کمی CSS بلد باشید حله!

اینجوری :

table a:hover{}

 

[designerpoor]

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

اینم کدی که من کار کردم :

  [COLOR=#333333][FONT=Courier New]<table id="menubar" class="hov"> <tr> <td id="data"> <a id="nav" href="Contact.html"> <b> تماس </b> </a> </td> <td id="data"> <a id="nav" href="about.html"> <b> درباره ما </b> </a> </td> <td id="data"> <a id="nav" href="Jazire ha.html"> <b> مطالب </b> </a> </td> <td id="data"> <a id="nav" href="home.html"> <b> صفحه اصلی </b> </a> </td> </tr> </table> فایل های css #menubar {border:1px solid black; margin:auto; background-color:#C7F8FC;} #data {width:130px; background-color:#39E6F6; border:1px solid black; padding:5px; text-align:center; font-size:16px; font-family:"Courier New", Courier, monospace; font-weight:400px;} .hov:hover{background:#0000CC;} #nav {display:block; width:130;}[/FONT][/COLOR]

 

[designerpoor]

دوستان گلم ; کسی می تونه کمکم کنه ؟

 

[cniran]

نمونه

لینک ها تنها برای اعضای سایت قابل نمایش است.

کدش:

<table style="width: 100%"><tr><td onclick="window.location.href='http://agnes.ir/' "style="text-align:center; height: 79px;" width="201px" bgcolor="#766D46" onmouseover="this.bgColor='908456'" onmouseout="this.bgColor='#766D46'"><a style="text-decoration:none; color: #FFFFFF; font-size: large;" href="http://agnes.ir/">صفحه نخست</a></td><td onclick="window.location.href='http://agnes.ir/?page_id=16'" style="text-align:center; height: 79px;" width="201px" bgcolor="#BF3E29" onmouseover="this.bgColor='D3503A'" onmouseout="this.bgColor='#BF3E29'"><a style="text-decoration:none; color: #FFFFFF; font-size: large;" href="http://agnes.ir/?page_id=16">گالری</a></td><td onclick="window.location.href='http://agnes.ir/?page_id=18'" style="text-align:center; height: 79px;" width="201px" bgcolor="#C4A23E" onmouseover="this.bgColor='D1B358'" onmouseout="this.bgColor='#C4A23E'"><a style="text-decoration:none; color: #FFFFFF; font-size: large;" href="http://agnes.ir/?page_id=18">سفارش آنلاین</a></td><td onclick="window.location.href='http://agnes.ir/?page_id=20'" style="text-align:center; height: 79px;" width="201px" bgcolor="#949058" onmouseover="this.bgColor='9A976B'" onmouseout="this.bgColor='#949058'"><a style="text-decoration:none; color: #FFFFFF; font-size: large;" href="http://agnes.ir/?page_id=20">درباره ما</a></td><td onclick="window.location.href='http://agnes.ir/?page_id=22'" style="text-align:center; height: 79px;" width="201px" bgcolor="#B27534" onmouseover="this.bgColor='C38441'" onmouseout="this.bgColor='#B27534'"><a style="text-decoration:none; color: #FFFFFF; font-size: large;" href="http://agnes.ir/?page_id=22">تماس با ما</a></td></tr></table>

 

[designerpoor]

ممنون دوست عزیز ... واقعا زحمت کشیدید

مرسی از بچه های پرشین اسکریپت که تو کمک به من گل کاشتن ... همونطور که فکر می کردم با css نمیشه به تنهایی این کار رو انجام داد ... ممنونم دوست عزیز :x:

 

[Mohammad]

نه با css هم میشه...

از دستور hover استفاده می کنید. برای tr یا td یا کل table