1.07.13, 19:08
1 комментарий
  DLE Хаки

Красивые социальные закладки для DLE

Весьма простые и красивые в виде элегантных кнопок для социальных закладок у вас на сайте на DLE всех версий. Установка очень проста как и сам код без скриптов.

Рипнул и адаптировал под DLE: ToRN™

И так сама установка:

1. В нужное место, в full-story.tpl или же а short-story.tpl вставить:

<table cellpadding="0" cellspacing="0" width="300px"><tbody><tr>
<td><img src="{THEME}/images/ic_socb_like.png" class="socbut_ic" title="Поделитесь ссылкой на страницу с друзьями"></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=vkontakte&amp;url={full-link}" class="socbut socbut_vk" target="_blank" title="Вконтакте" onclick="clickCounter('vkontakte');cl(this)">V</a></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=gplus&amp;url={full-link}" class="socbut socbut_google" target="_blank" title="Google+" onclick="clickCounter('gplus');cl(this)">G</a></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=facebook&amp;url={full-link}" class="socbut socbut_facebook" target="_blank" title="Facebook" onclick="clickCounter('facebook');cl(this)">F</a></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=twitter&amp;url={full-link}" class="socbut socbut_twitter" target="_blank" title="Twitter" onclick="clickCounter('twitter');cl(this)">T</a></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=odnoklassniki&amp;url={full-link}" class="socbut socbut_ok" target="_blank" title="Одноклассники" onclick="clickCounter('odnoklassniki');cl(this)">O</a></td>
</tr></tbody></table>


2. В файл стилей ( обычно это styles.css) добавить:

.socbut_ic { width:26px; height:26px; position:relative;top:2px; }
a.socbut:link, a.socbut:visited { font:11px/13px Tahoma; padding:6px 6px 7px 28px; border:1px solid #E1E1E1; background-color:#EFEFEF; background-position: 5px 5px; background-repeat: no-repeat; text-decoration: none; color:#6F7B91; }
a.socbut:hover, a.socbut:active {  text-decoration: none;  border:1px solid #F7EAAE; background-color:#F9F1C8; color:#373E48; }
.socbut_vk { background-image:url(../images/ic_vk.png); }
.socbut_facebook { background-image:url(../images/ic_facebook.png); }
.socbut_twitter { background-image:url(../images/ic_twitter.png); }
.socbut_google { background-image:url(../images/ic_google.png); }
.socbut_ok { background-image:url(../images/ic_ok.png); }
.socbut_td { width:20%; }



3. Скачать архив с картинками, картинки поместить в templates/Ваш_шаблон/images/
4. Установка завершена

СКАЧАТЬ

Вес файла
4.85 Kb

Реклама

Комментарии

  1. светлана 3 ноября 2013 22:32                    

    подходит для любого дизайна отлично

Напишите своё мнение

  • acuteaggressiveair_kissangel
    badbbbeachbeee
    biggrinbig_bossblumblush
    boastbombboredombye
    clappingcraycrazycurtsey
    dancedashdeclarediablo
    diroldon-t_mentiondownloaddrinks
    first_moveflirtfocusfool
    friendsgive_heartgive_rosegood
    hangheartheathelp
    hihunterhystericireful
    kingkisslaughlazy
    lolmail1mambaman_in_love
    mdamega_shokmoilmosking
    musicneanegativenew_russian
    okon_the_quietpardonparting
    partypilotpioneerpleasantry
    popcormpranksterprevedpunish
    roflrtfmrussiansad
    sarcasticscarescratchsearch
    secretsensoredshokshout
    slowsmilesmokesoldier
    soldier_girlsorryspitefulspruce_up
    stinkersuicidesunsuperstition
    swoonteasetenderthanks
    thisto_pick_ones_noseto_take_umbragetreaten
    umnikunknwvampirevava
    victorywackowhistlewink
    wizardyahooyesyu
    e101e102e103e104
    e105e106e107e108
    e109e110e111e112
    e113e114e115e116
    e117e118e119e120
    e121e122e123e124
    e125e126e127e128
    e129e130e131e132
    e133e134e135e136
    e137e138e139e140
    e141e142e143e144
    e145e146e147e148
    e149e150e151e152
    e153e154e155e156
    e157e158e159e160
    e161e162e163e164
    e165e166e167e168
    e169e170e171e172
    e173e174e175e176
    e177e178e179e180
    e181e182e183e184
    e185e186e187e188
    e189e190e191e192
    e193e194e195e196
    e197e198e199e200
    e201e202e203e204