مطور Mtwer

a:link شكل اللنك فى حالته الطبيعية 
a:visited شكل اللنك الذى تم زيارته 
a:hover شكل اللنك عند مرور الماوس عليه
a:active  شكل اللنك عند الضغط عليه

<ul>
<li><a href="#">الرئيسية </a></li>
<li><a href="#">المنتدى</a></li>
<li><a href="#">البوم الصور</a></li>
<li><a href="#">مكتبة الفيديو</a></li>
<li><a href="#">اتصل بنا</a></li>



</ul>

ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:right;
}

a:link ,a:visited{
	
	display:block;
	width: 120px;
	font-weight: bold;
	color:#ffffff;
	background:#36004e;
	padding:4px;
	text-align:center;
	text-decoration:none;
}

a:hover,a:active{
	
	background:#922ebf;
	
	
}

li
{
float:right;
}

background:#f45322 url('رابط الصورة') no-repeat;