PDA

View Full Version : سوال: CSS تغیر رنگ لینک ها


aminghaderi
یک شنبه 26 دی 1389, 11:40 صبح
با سلام و درود خدمت تمامی اساتید و دوستان عزیزم.
من داخل صفحه ام 3 گروه لینک دارم که یه گروه باید لینکشون سفید باشه ، یه سری هم خاکستری و یه سری هم زرد ؟!؟!؟!
حالا به نظرتون باید چکار کنم؟؟؟
من برای لینک های صفحه از این استایل استفاده می کردم که الان به مشکل خوردم :



<style type="text/css" >

a:link { color:blue; text-decoration:none;}
a:visited { color:Maroon; text-decoration:none;}
a:hover {color: red;}
}

</style>



لطفا در صورت اطلاع راهنمایی فرمایید.
با کمال تشکر.
Hell Lord
یک شنبه 26 دی 1389, 12:07 عصر
برای مثال :


a.white:link { color:#fff; text-decoration:none;}
a.white:visited { color:#fff; text-decoration:none;}
a.white:hover {color: #ccc;}

a.black:link { color:#333; text-decoration:none;}
a.black:visited { color:#555; text-decoration:none;}
a.black:hover {color: #000;}
aminghaderi
یک شنبه 26 دی 1389, 17:38 عصر
برای مثال :


a.white:link { color:#fff; text-decoration:none;}
a.white:visited { color:#fff; text-decoration:none;}
a.white:hover {color: #ccc;}

a.black:link { color:#333; text-decoration:none;}
a.black:visited { color:#555; text-decoration:none;}
a.black:hover {color: #000;}


با سلام و تشکر از راهنماییتون.
می شه یه مقدار توضیح بدین؟؟
طریقه استفاده؟؟
hossin.esm
یک شنبه 26 دی 1389, 20:32 عصر
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
a.white:link { color:#fff; text-decoration:none;}
a.white:visited { color:#03F; text-decoration:none;}
a.white:hover {color: #F00;}

a.black:link { color:#333; text-decoration:none;}
a.black:visited { color:#555; text-decoration:none;}
a.black:hover {color: #F00;}

a.yellow:link { color:#FF0; text-decoration:none;}
a.yellow:visited { color:#0F0; text-decoration:none;}
a.yellow:hover {color: #F00;}

</style>
</head>
<body>
<div style="background-color:#333">
<a class="white" href="#">white link</a>
</div>
<div style="background-color:#FFF">
<a class="black" href="#">black link</a>
</div>
<div style="background-color:#000">
<a class="yellow" href="#">yellow link</a>
</div>
</body>
</html>
Hell Lord
یک شنبه 26 دی 1389, 21:12 عصر
با سلام و تشکر از راهنماییتون.
می شه یه مقدار توضیح بدین؟؟
طریقه استفاده؟؟

اون اسمی که بعد از a. میادش، اسم کلاس شما هست
مثلا تو کد من یا دوستمون، white و black و یا yellow را میتوانید در class تگ <a> استفاده کنید.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...
<a class="yellow" href="#">yellow link</a>