Добро пожаловать на Pro Pawn - Портал о PAWN-скриптинге.
Показано с 1 по 4 из 4
  1. #1
    Аватар для Osetin
    •Администратор•

    Статус
    Оффлайн
    Регистрация
    26.03.2013
    Адрес
    ♔Osetia, Vladikavkaz♔
    Сообщений
    3,432
    Репутация:
    1093 ±

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

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

    Автор: Дмитрий



    Вам надоели однотипные кнопочки "мне нравится", "поделиться", "твитнуть"? Так уже сейчас добавляй индивидуальность своему DLE сайту, и устанавливай форму социальных кнопок.

    В ваш файл стилей style.css ниже добавляем:
    PHP код:
    .over_share {
    height:100px;
    margin-bottom:10px
    }

    .
    in_share {
    padding-top:70px;
    padding-left:16px
    }

    .
    vkontakte_share {
    background:url(../images/vk_share.jpg#2C6992;
    width:200px;
    height:100px;
    float:left
    }

    .
    twitter_share {
    background:url(../images/tw_share.jpg#009DC4;
    width:200px;
    height:100px;
    float:left
    }

    .
    facebook_share {
    background:url(../images/fb_share.jpg#23599D;
    width:200px;
    height:100px;
    float:left
    }
    .
    gplus_share {
    background:url(../images/gp_share.jpg#EF341B;
    width:200px;
    height:100px;
    float:left
    }

    .
    twitter_btn {
    width:105px;
    overflow:hidden;
    padding:1px;
    background:#FFFFFF;
    margin-right:5px
    }

    .
    gplus_btn {
    width:70px;
    overflow:hidden;
    padding:1px;
    background:#FFFFFF;
    margin-right:5px

    В ваш fullstory.tpl в нужное вам место вставляем:

    PHP код:
    <div class="over_share">
    <
    div class="vkontakte_share">
    <
    div class="in_share">
    <!--
    vk-->
    КНОПКА_VK
    <!--/vk-->
    </
    div>
    </
    div>

    <
    div class="twitter_share">
    <
    div class="in_share">
    <!--
    twitter-->
    КНОПКА_TWITTER
    <!--/twitter-->
    </
    div>
    </
    div>

    <
    div class="facebook_share">
    <
    div class="in_share">
    <!--
    fb-->
    КНОПКА_Facebook
    <!--/fb-->
    </
    div>
    </
    div>

    <
    div class="gplus_share">
    <
    div class="in_share">
    <!--
    gp-->
    КНОПКА_GOOGLE+
    <!--/
    gp-->

    </
    div>
    </
    div>
    </
    div
    И закачиваем картинки в папку с шаблоном, папка images

    P.S. Если у кого нибудь криво становиться, попробуйте добавить или убрать
    PHP код:
    </div
    Скачать картинки: https://www.dropbox.com/s/3jbqi76h9887hqy/soc.rar

  2. 2 пользователя(ей) сказали cпасибо:
    Dima_Turkow (01.02.2014) Tiw_Pwn (12.10.2014)
  3. #2
    Аватар для Dima_Turkow
    Пользователь

    Статус
    Оффлайн
    Регистрация
    22.12.2013
    Адрес
    Екатеринбург
    Сообщений
    124
    Репутация:
    8 ±
    Спасибо, полезно )

  4. #3
    Аватар для Mike
    Пользователь

    Статус
    Оффлайн
    Регистрация
    05.05.2013
    Адрес
    Москва
    Сообщений
    159
    Репутация:
    15 ±
    Прикольно получилось

  5. #4
    Аватар для Tiw_Pwn
    Пользователь

    Статус
    Оффлайн
    Регистрация
    26.08.2014
    Сообщений
    22
    Репутация:
    1 ±
    Полезная вещь и красивая, а не мрачная как на ARP!

 

 

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •