شلون نسوي مثل هالروابط بالـ css

[H2O]

السلام عليكم ورحمة الله



بحثت في الانترنت كثيرا ولكن لم اجد حل


السؤال هو شلون نسوي مثل هالروابط



انظر الصوره للتوضيح





الرابط الاول لم يتم زيارته ولم يتم مرور الماوس عليه

الرابط الثاني عند مرور الماوس يظهر خط منقط فوق وتحت الرابط بالاضافة الى خلفيه


الرابط الثالث عند زيارة الرابط يظهر خط منقط اسفل الرابط بدون خلفيه


هذا ما اريد عمله للروابط لدي يكون الرابط بدون اي تاثير عند مرور الماوس عليه يتم وضع خط منقط فوق وتحت الرابط بالاضافة الى الخلفيه .... واي رابط تمت زيارته يظهر تحت خط منقط



اتمنى افادتي بخصوص هذه الطريقه



ولكم جزيل اشكر

[مشراق]

a:link,
a:visited,
a:active{
    background: transparent;
    color: #222;
    text-decoration: none;
}

a:hover{
    background: transparent;
    color: #34498B;
    text-decoration: underline;
}

مزيد من التفاصيل
http://www.w3schools.com/CSS/css_pseudo_classes.asp

[H2O]

مشكور اخوي الغالي ... ولكن ليس كما اتمناها ...


اتمنى ان اجد كود css مثل المثال الموجود بالصورهـ لانني بحاجة اليه



شاكر لكم جميعا

[سحاب اون لاين]

<style type="text/css">
a {
 color: #000000;
 text-decoration: none;
}
a:hover {
 background-color: #DDD8D8;
 border-width: 1px 0px 1px 0px;
 border-style: dashed;
}
a:visited {
 border-bottom-style: dashed;
 border-bottom-width: 1px;
}
</style> 

[H2O]

أخوي سحاب اون لاين الف شكر لك يالغلا ...


مشكور وما قصرت