вопрос
Как сделать соц закладки, что бы они были черно белые а при наведении мыши становились синими - простым языком при наведении мышки картинка менялась и при этом при клике в определённую область картинки например на кружок твиттер ссулка ввела в твиттер, если на кружочек контакта то в контакт! вот сама картинка 
как это всё реализовать в css и вывести в шаблоне dle.
Изняснился как мог, думаю кто в этом разбирается меня понял!
как это всё реализовать в css и вывести в шаблоне dle.Изняснился как мог, думаю кто в этом разбирается меня понял!
В css вставляем
В шаблон вставляем
UPD:
Вот правильный ответ
.soc-cod .soc {width:25px;height:25px;margin:0 3px;float:left;background:url(http://dle-faq.ru/uploads/posts/2013-06/1371892084_icon_sprite_1.png) no-repeat 0 0;text-indent:-9999px}
.soc-cod .soc.fa {background-position:0 0}
.soc-cod .soc.fa:hover {background-position:0 -27px}
.soc-cod .soc.vk {background-position:-28px 0}
.soc-cod .soc.vk:hover {background-position:-28px -27px}
.soc-cod .soc.tv {background-position:-57px 0}
.soc-cod .soc.tv:hover {background-position:-57px -27px}
.soc-cod .soc.lv {background-position:-85px 0}
.soc-cod .soc.lv:hover {background-position:-85px -27px}
.soc-cod .soc.od {background-position:-113px 0}
.soc-cod .soc.od:hover {background-position:-113px -27px}
.soc-cod .soc.ma {background-position:-141px 0}
.soc-cod .soc.ma:hover {background-position:-141px -27px}
.soc-cod .soc.go {background-position:-168px 0}
.soc-cod .soc.go:hover {background-position:-168px -27px}
.soc-cod .soc.ya {background-position:-196px 0}
.soc-cod .soc.ya:hover {background-position:-196px -27px}В шаблон вставляем
<div class="soc-cod">
<a href="#"><div class="soc fa">Facebook</div></a>
<a href="#"><div class="soc vk">В контакте</div></a>
<a href="#"><div class="soc tv">Twitter</div></a>
<a href="#"><div class="soc lv">Live Journal</div></a>
<a href="#"><div class="soc od">Одноклассники</div></a>
<a href="#"><div class="soc ma">Mail.ru</div></a>
<a href="#"><div class="soc go">Google</div></a>
<a href="#"><div class="soc ya">Яндекс</div></a></div>
UPD:
Вот правильный ответ
