Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Некорректное отображение соц.кнопок в любом шаблон дле

Некорректное отображение соц.кнопок в любом шаблон дле


     02.02.2012    Шаблоны (TPL)    3058

вопрос
Здравствуйте, вот решил добавить несколько кнопок с соцзакладок в шаблон, получилась проблемка:
Некорректное отображение соц.кнопок в любом шаблон дле


Обратите внимание на кнопки с моймир и однокласников, плюс твиттер, почему они так отображаются не пойму, пробывал в нескольких шаблонах, результат один и тот же, подскажите в чем проблема может быть если кто сталкивался! Заранее спс!!!!

Ответа пока нет


Комментарии пользователей (3)

ПафНутиЙ
1064

3393 | 2433

ПафНутиЙ - 2 февраля 2012 08:59 - Админ

Похоже у вас нет css стилей от этих кнопок.

Каков вопрос - таков и ответ. Просто помните об этом.

SEOWEB
29 | 10

SEOWEB - 2 февраля 2012 14:28 - Юзер

Спасибо за ответ! Я уже разобрался в чем была проблема, дело в том что кнопки взяты с офф сайтов, там нет как таковых стилей для установки на сам сайт, просто код с вызовом скрипта, а дело было в конфликте с модулем dude smart leech, может у кого будут такие же приколы, просто заключите ссылки в теги [noleech][/noleech] как написано в модуле, когда этот модуль кодировал ссылки, получался такой прикол с кривым отображением кнопок социальных сетей!

kovalenko3331
3

129 | 88

kovalenko3331 - 2 февраля 2012 14:32 - Юзер

Не вижу полной картины, так как беда со скрином, но если Паша говорит что нет стилей то вот возьми как за пример
<div id='social-button'>
<!--twitter-->
<div id='btwi'>здесь код кнопки</div>
<!--facebook-->
<div id='bface'>здесь код кнопки</div>
<!--Вконтакте-->
<div id='bvk'>здесь код кнопки</div>
<!--Мой мир-->
<div id='bmail'>здесь код кнопки</div>
<!--Одноклассники-->
<div id='bodcl'>здесь код кнопки</div>
</div>

вот стили
#social-button {
height: 20px; /*высота блока*/
padding: 16px; /*внутренние поля*/
margin:10px; /*внешние поля*/
border: 1px solid #2288BB; /*рамка – толщина, стиль, цвет*/
}

#btwi {
float: left;
width: 100px;
}
#bface {
float: left;
width: 80px;
}
#bvk {
float:left;
width: 85px;
}
#bmail {
float:left;
width: 110px;
}
#bodcl {
float:left;
width: 90px;
}
ну и дальше ставишь нужное количество блоков (кнопок) подгоняешь их размер, цвет и размер рамки основного блока, если она нужна, и не забывай что у самых кнопок тоже есть размер.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы