Вчера зарегистрировался на Маулнете и в одном из топиков зашел разговор о социальных кнопках, в частности - о них на DLE. Пока искалось подходящее решение, ТС (топикстартер) сказал, что ему хотелось бы панельку как у Dimox'a, которую он описывал в одной из статей. Только нужна была не плавающая и горизонтальная (тут я мнение ТС разделяю, так действительно лучше).

Я решил человеку помочь и попробовал разобраться со скриптом. Результат мне так понравился, что я повесил его у себя в блоге
Можете наблюдать эту панельку под постами.
Итак, описываю принцип установки сей милой панельки.
Для начала скачиваем архив отсюда. Содержимое распаковываем, в блокноте редактируем socializ.js: заменяем @webholt на свой ник в Твиттере. Теперь через ftp заливаем на сайт. Можете заливать в любой каталог, но для удобства я залил в корень.
Теперь нужно редактировать код страницы. Если у вас DLE, идите в админку - редактор шаблонов - main.tpl. Владельцам WordPress'а нужно редактировать header.php, это в админке - внешний вид - редактор.
Где-нибудь между тегами <HEAD></HEAD> подключаем jQuery и наш скрипт:
<script type="text/javascript" src="/socializ.js"></script>
После этого ищем место, куда вставляем кнопки. Я предполагаю, что это где-то под полными версиями постов, поэтому для DLE редактируем fullstory.tpl, а для WordPress'а - single.php. Находим место, куда будет вставлять панельку, и пишем туда следующий код:
Для DLE:
Для WordPress:
После этого нужно отредактировать CSS. Добавляем туда следующий текст:
#socializ {
width: 456px;
height: 36px;
margin-left: 0px;
z-index: 1000;
border: 1px solid #E5E5E5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 6px 6px 0;
background: #FFF;
}
#socializ:hover {
background: #F6F6F6;
border: 1px solid #D4D4D4;
-moz-box-shadow: 0 0 5px #DDD;
-webkit-box-shadow: 0 0 5px #DDD;
box-shadow: 0 0 5px #DDD;
}
#socializ a {
display: block;
float:left;
width: 32px;
height: 32px;
margin: 0 3px 6px;
background: #F6F6F6 url(socializ.png) no-repeat;
}
#socmore {
text-align: center;
cursor: pointer;
margin: -11px 0 4px;
width: 32px;
}
/* end Socialization */
Если все сделали по инструкции, то у вас должна появиться панелька с 12 кнопками для добавления статьи в различные социалки.
Пока писал этот пост, прицепил еще и на другой свой блог на WP просто, чтобы попробовать. Но она мне так нравится, что и там оставил









