<style type="text/css">
a:link, a:visited {
display:block;
width:300px;
padding:2px 4px;
background:red url('echess.jpg');
margin:0;
font:normal 9px verdana;
color:#fff;
}
a:hover {
background: pink url('echess2.jpg') ;
color:#000;
}
</style>
درود بر شما
به نظرت، سوالت رو پیچیده نکردی؟
HTML:<style type="text/css"> a:link, a:visited { display:block; width:300px; padding:2px 4px; background:red url('echess.jpg'); margin:0; font:normal 9px verdana; color:#fff; } a:hover { background: pink url('echess2.jpg') ; color:#000; } </style>
درود بر شما
دوست عزیز
در a:link, a:visited عکسی در پس زمینه لینک شما لود می شود.
در a:hover زمانی که موس بر روی لینک میرود، عکس دومی لود میشود.
a:link, a:visited {
background: url('echess.jpg') 0 -30px norepeat
text-decoration:none;
width:100px;
height:30px;
overflow:hidden;
display:block;
}
a:hover {
background: url('echess.jpg') 0 0 norepeat;
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.echessdesign, .echessdesign2{
text-decoration:none;
color:#000;
background:url('nav_01.jpg') no-repeat;
}
.echessdesign2 {
background:url('nav_02.jpg') no-repeat;
}
</style>
</head>
<body>
<div align="center">
<table width="115" border="0">
<tr>
<td background="nav_01.jpg" align="center" class="echessdesign" onmouseover="this.className='echessdesign2'" onmouseout="this.className='echessdesign'">Home</td>
</tr>
<tr>
<td background="nav_01.jpg" align="center" class="echessdesign" onmouseover="this.className='echessdesign2'" onmouseout="this.className='echessdesign'">About</td>
</tr>
<tr>
<td background="nav_01.jpg" align="center" class="echessdesign" onmouseover="this.className='echessdesign2'" onmouseout="this.className='echessdesign'">News</td>
</tr>
<tr>
<td background="nav_01.jpg" align="center" class="echessdesign" onmouseover="this.className='echessdesign2'" onmouseout="this.className='echessdesign'">Contact</td>
</tr>
</table>
</div>
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
a:link, a:visited {
height:24px;
width:115px;
display:block;
padding:2px 4px;
background:red url('nav_01.jpg');
margin:0;
font:normal 12px verdana;
text-decoration: none;
color:#000;
}
a:hover {
background:red url('nav_02.jpg');
color:#000;
}
</style>
</head>
<body>
<div align="center">
<table width="115" border="0">
<tr>
<td align="center" ><a href="http://www.yahoo.com">Visit Yahoo!</a></td>
</tr>
<tr>
<td align="center"><a href="http://www.yahoo.com">Visit Yahoo!</a></td>
</tr>
<tr>
<td align="center"><a href="http://www.yahoo.com">Visit Yahoo!</a></td>
</tr>
<tr>
<td align="center"><a href="http://www.yahoo.com">Visit Yahoo!</a></td>
</tr>
</table>
</div>
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
a:link, a:visited{
text-decoration:none;
color:#000;
background:url('nav_01.jpg') no-repeat;
display:block;
}
a:hover {
background:url('nav_02.jpg') no-repeat;
}
</style>
</head>
<body>
<div align="center">
<table width="115" border="0">
<tr>
<td background="nav_01.jpg" align="center"><a href="">Home</a></td>
</tr>
<tr>
<td background="nav_01.jpg" align="center"><a href="">About</a></td>
</tr>
<tr>
<td background="nav_01.jpg" align="center"><a href="">News</a></td>
</tr>
<tr>
<td background="nav_01.jpg" align="center"><a href="">Contact</a></td>
</tr>
</table>
</div>
</body>
</html>
درود بر شما
با توجه به ابنکه متن های داخل جداول لینک باشند:
ببین دوست من، علاوه بر راهنمایی که میشی، برای حل مشکل باید یه تکونی هم به خودت بدی!
درود بر شما
با توجه به ابنکه متن های داخل جداول لینک باشند:
HTML:<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> a:link, a:visited{ text-decoration:none; color:#000; background:url('nav_01.jpg') no-repeat; display:block; } a:hover { background:url('nav_02.jpg') no-repeat; } </style> </head> <body> <div align="center"> <table width="115" border="0"> <tr> <td background="nav_01.jpg" align="center"><a href="">Home</a></td> </tr> <tr> <td background="nav_01.jpg" align="center"><a href="">About</a></td> </tr> <tr> <td background="nav_01.jpg" align="center"><a href="">News</a></td> </tr> <tr> <td background="nav_01.jpg" align="center"><a href="">Contact</a></td> </tr> </table> </div> </body> </html>
سلام
متاسفانه وقتی این کد رو میزارم روی تمامی لینکهای صفحه تاثیر دارد - یعنی وقتی با موس روی هر لینکی میرم بک گروند میاره براش !
در رابطه با اون کد اولی که نوشتید وقتی به اون متن لینک میدم استایلش به هم میخوره !
لطقا کمک