Question

Как изменить soc box в шаблоне Дизайна # 1121. Меня интересует как можно заменить стандартные
кнопки на соц сети своими. Или в шаблоне есть редактор этого блока?

Answer 1

Ваши иконки состоят из спрайта в стилях это прописано вот так:

.soc-box {width:260px;height:51px;overflow:hidden;padding:0 0 32px;background:url(/.s/t/1121/s-shad.png) 50% 100% no-repeat;}
.soc-box a {display:block;float:left;border-left:1px solid #e8e8e8;width:51px;height:51px;background:#fff url(/.s/t/1121/soc.png);}
.soc-box a:first-child {border-left:none;width:52px;}
.soc-box a.soc-tw {background-position:0 0;}
.soc-box a.soc-tw:hover {background-position:-51px 0;background-color:#4fd6fd;}
.soc-box a.soc-fc {background-position:0 -102px;}
.soc-box a.soc-fc:hover {background-position:-51px -102px;background-color:#246ed8;}
.soc-box a.soc-fl {background-position:0 -51px;}
.soc-box a.soc-fl:hover {background-position:-51px -51px;background-color:#fe1e9b;}
.soc-box a.soc-vi {background-position:0 -153px;}
.soc-box a.soc-vi:hover {background-position:-51px -153px;background-color:#05e2f6;}
.soc-box a.soc-rs {background-position:0 -204px;}
.soc-box a.soc-rs:hover {background-position:-51px -204px;background-color:#ff9000;}

вот ваш спрайт - http://rovesnik.moy.su/.s/t/1121/soc.png иконки задаются с помощью задания точной позиции иконки, как пример вот так - background-position:0 -153px;

Чтобы заменить, нужно спрайт удалять и каждой соц-сети прописать свое фото:

.soc-box {width:260px;height:51px;overflow:hidden;padding:0 0 32px;}
.soc-box a {display:block;float:left;border-left:1px solid #e8e8e8;width:51px;height:51px;}
.soc-box a:first-child {border-left:none;width:52px;}
.soc-box a.soc-tw {background:#fff url(ссылка на фото твиттера)no-repeat;}
.soc-box a.soc-tw:hover {background-color:#4fd6fd;}
.soc-box a.soc-fc {background:#fff url(ссылка на фото фесбука)no-repeat;}
.soc-box a.soc-fc:hover {background-color:#246ed8;}
.soc-box a.soc-fl {background:#fff url(ссылка на фото)no-repeat;}
.soc-box a.soc-fl:hover {background-color:#fe1e9b;}
.soc-box a.soc-vi {background:#fff url(ссылка на фото вконтакте)no-repeat;}
.soc-box a.soc-vi:hover {background-color:#05e2f6;}
.soc-box a.soc-rs {background:#fff url(ссылка на фото rss)no-repeat;}
.soc-box a.soc-rs:hover {background-color:#ff9000;}

как-то так.