Question

Подскажите пожалуйста где этот код этих http://prntscr.com/aazuex иконок. Какой у них размер?  Я хочу поменять их на свои. css 94 строка за них отвечает? 30x30 размер? Этот код? Как сделать столько же иконок своих только в том же месте?

Answer 1

В данном случае в стилях ищем строки 95-116:

ul.soc-icons li a {
 margin: 0 0 0 10px;
 text-align: left;
 display: block;
 width: 30px;
 height: 30px;
 text-indent: -9999px;
 overflow: hidden;
 background-image: url('/.s/t/1256/4.png');
 background-color: #999999;
 }
 ul.soc-icons li a:hover {background-color: #00448a;}

 .i-fb {background-position: 0 0;}
 .i-tw {background-position: -30px 0;}
 .i-vk {background-position: -60px 0;}
 .i-od {background-position: -90px 0;}
 .i-yt {background-position: -120px 0;}
 .i-in {background-position: -150px 0;}
 .i-out {background-position: -180px 0;}
 .i-reg {background-position: -210px 0;}
 .i-profile {background-position: -240px 0;}

как видите все задано через спрайт и через позиционирование, чтобы прописать свои иконки, нужно стили выше заменить на следующие:

.i-fb {background:url('ссылка на иконку')no-repeat;}
 .i-tw {background:url('ссылка на иконку')no-repeat;}
 .i-vk {background:url('ссылка на иконку')no-repeat;}
 .i-od {background:url('ссылка на иконку')no-repeat;}
 .i-yt {background:url('ссылка на иконку')no-repeat;}
 .i-in {background:url('ссылка на иконку')no-repeat;}
 .i-out {background:url('ссылка на иконку')no-repeat;}
 .i-reg {background:url('ссылка на иконку')no-repeat;}
 .i-profile {background:url('ссылка на иконку')no-repeat;}

надеюсь понятно описал и разберетесь где и какая соц-сеть.

Comments

Ставлю свою иконку но у меня она не появляется

 

ul.soc-icons li a {
 margin: 0 0 0 10px;
 text-align: left;
 display: block;
 width: 16px;
 height: 16px;
 text-indent: -9999px;
 overflow: hidden;
 background-image: url('/.s/t/1252/4.png');
 background-color: #999999;
 }
 ul.soc-icons li a:hover {background-color: #d74e37;}

 .i-fb {background:url('http://managerzone.3dn.ru/icon/facebook-icon.png')no-repeat;}
 .i-tw {background:url('ссылка на иконку')no-repeat;}
 .i-vk {background:url('ссылка на иконку')no-repeat;}
 .i-od {background:url('ссылка на иконку')no-repeat;}
 .i-yt {background:url('ссылка на иконку')no-repeat;}
 .i-in {background:url('ссылка на иконку')no-repeat;}
 .i-out {background:url('ссылка на иконку')no-repeat;}
 .i-reg {background:url('ссылка на иконку')no-repeat;}
 .i-profile {background:url('ссылка на иконку')no-repeat;}

---

Юрий Маков #5,

удалите выделенное выше, после ссылка заработает

---

О, да! Спасибо Вам огромное!!! Вы просто настоящий гуру в этой области! )