Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > DataLife Engine > Инструкции, модификации и статьи для DLE
Расширенный поиск

Инструкции, модификации и статьи для DLE Сборник инструкции, модов и статей по движку DataLife Engine

Ответ
 
Опции темы Поиск в этой теме
Старый 05.04.2013, 13:56 Вверх   #1
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
Хорошо Красивая форма социальных закладок для DLE

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

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



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

В ваш файл стилей style.css ниже добавляем:

Код:
.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 в нужное вам место вставляем:

Код:
<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. Если у кого нибудь криво становиться, попробуйте добавить или убрать
Код:
</div>
soc.rar (54.1 Кб)
  Ответить с цитированием
Старый 29.05.2013, 22:38 Вверх   #2
Местный житель
 
Аватар для Maximus
Maximus вне форума
Доп. информация
По умолчанию

Прошу прощения за глупый вопрос, но где брать коды кнопок для вставки, как вверху на скрине?
  Ответить с цитированием
Старый 29.05.2013, 22:42 Вверх   #3
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Maximus, в архиве, который к посту прикреплен.
  Ответить с цитированием
Старый 29.05.2013, 23:07 Вверх   #4
Местный житель
 
Аватар для Maximus
Maximus вне форума
Доп. информация
По умолчанию

Да, но в архиве только картинки.
  Ответить с цитированием
Старый 29.05.2013, 23:09 Вверх   #5
Местный житель
 
Аватар для Maximus
Maximus вне форума
Доп. информация
По умолчанию

Нужны сами коды кнопок: Поделиться, Твитнуть, Мне нравится, +1
  Ответить с цитированием
Старый 29.05.2013, 23:12 Вверх   #6
Местный житель
 
Аватар для Maximus
Maximus вне форума
Доп. информация
По умолчанию

Не потеме: А где кнопка редактировать новость. А то приходится флудить.

По теме:
Что нужно вставить вот сюда(Выделено красным)
<div class="gplus_share">
<div class="in_share">
<!--gp-->
КНОПКА_GOOGLE+
<!--/gp-->
  Ответить с цитированием
Старый 30.05.2013, 07:32 Вверх   #7
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Maximus Посмотреть сообщение
Нужны сами коды кнопок: Поделиться, Твитнуть, Мне нравится, +1
Зайти на твитер, контакт, гугл и т.д. и получить коды кнопок.


Цитата Сообщение от Maximus Посмотреть сообщение
А где кнопка редактировать новость. А то приходится флудить.
Тут например [edit]<img src="{THEME}/images/spacer.gif" title="Редактировать" alt="Редактировать" />[/edit]
  Ответить с цитированием
Cказали cпасибо:
Ответ


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

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 02:38. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.09156 секунды с 13 запросами