Arkadaşlar ben blogumda css sprite uygulamak istiyorum
a ve a:hover özelliklerinde sorun yok fakat wordpress'te current diye bir özellik olduğunu öğrendim.Mesela Hakkında sayfasını tıkladığımda o button'un altı çizgili olsun istiyorum.Kodlarım bu şekilde current kısmı için yardımcı olurmusunuz.

• Anasayfa


• Hakkimda


• Calismalarim


• Arsiv


• Iletisim

ul#menusprite {
margin:0;
padding:0;
width:346px;
height:32px;
}

ul#menusprite li{
margin:0;
padding:0;
list-style-type:none;
display:block;
height:32px;
text-align:center;
float:left;


}

ul#menusprite li a{
display:block;
height:32px;
}


#Anasayfa { height:32px; width:71px; display:block; background:url("images/sprite.png") no-repeat 0px top;}
#Anasayfa a:hover { width:71px; height:32px; display:block; background:url("images/sprite.png") no-repeat 0px bottom; }
#Hakkimda { height:32px; width:74px; display:block; background:url("images/sprite.png") no-repeat -71px top;}
#Hakkimda a:hover { width:74px; height:32px; display:block; background:url("images/sprite.png") no-repeat -71px bottom; }
#Calismalarim { height:32px; width:91px; display:block; background:url("images/sprite.png") no-repeat -145px top;}
#Calismalarim a:hover { width:91px; height:32px; display:block; background:url("images/sprite.png") no-repeat -145px bottom; }
#Arsiv { height:32px; width:49px; display:block; background:url("images/sprite.png") no-repeat -236px top;}
#Arsiv a:hover { width:49px; height:32px; display:block; background:url("images/sprite.png") no-repeat -236px bottom; }
#iletisim { height:32px; width:61px; display:block; background:url("images/sprite.png") no-repeat -285px top;}
#iletisim a:hover { width:61px; height:32px; display:block; background:url("images/sprite.png") no-repeat -285px bottom; }

#menusprite li a span{
display:none;
}