Temanızın css yapısı gereği bu düzenlemeler çalışma sırasında sorunlu gözükebilir. Sıfırlama yapmadan direk <li> </li> taglarında kullanım esnasında temanın bileşen desteği css sınıflarıyla uyumlu olmadığı için sonuç olumsuz oluyordu, kodlarda şu şekilde bir düzenleme yaptık.

CSS Sınıfı kodları :

.cerceve { width:320px; height:60px; background-color:black; } .cerceve li { display: block; list-style:none; float:left; padding: 0px 10px; } .clearfix { clear:both; } .cerceve a { display:block; width:60px; height:60px; text-indent:-9999px; text-transform:capitalize; } .cerceve .facebook{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/f1.png') no-repeat 0 0; float:left; width: 60px; height: 60px; cursorointer; } .cerceve .facebook:hover{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/f2.png') no-repeat 0 0; } .cerceve .twitter{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/t1.png') no-repeat 0 0; float:left; width: 60px; height: 60px;cursorointer; } .cerceve .twitter:hover{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/t2.png') no-repeat 0 0; } .cerceve .plus{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/g1.png') no-repeat 0 0;float:left; width: 60px; height: 60px;cursorointer; } .cerceve .plus:hover{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/g2.png') no-repeat 0 0; } .cerceve .youtube{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/y1.png') no-repeat 0 0;float:left; width: 60px; height: 60px;cursorointer; } .cerceve .youtube:hover{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/y2.png') no-repeat 0 0; } .cerceve .rss{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/r1.png') no-repeat 0 0; float:left; width: 60px; height: 60px;cursorointer; } .cerceve .rss:hover{ background: url('http://tema.isakoc.com/wp-content/themes/pitch/images/r2.png') no-repeat 0 0; }

HTML sınıf kodları:
<div class="cerceve"> <div class="facebook"><a href="#" title="Facebook">Facebook</a></div> <div class="twitter"><a href="#" title="Twitter">Twitter</a></div> <div class="plus"><a href="#" title="Google+">Google Plus</a></div> <div class="youtube"><a href="#" title="Youtube">Youtube</a></div> <div class="rss"><a href="#" title="RSS">Rss</a></div> </div>