Кнопки социальных сетей от share42

Модификации основанные на языке JavaScript.

Скрипты(Огромная галерея скриптов, на любой вкус и цвет)
Аватара пользователя
Uzanka

Re: Кнопки социальных сетей от share42

Uzanka 11 сен 2013, 17:55 Сообщение

Поставила кнопки по советам из этой темы. Сделала как у вас, CabinetAdmin. Всё поставилось! :Yahoo!: Плохо то, что кнопки располагаются под названием темы, а хотелось бы справа (у меня название темы слева, а на этой же строке хотелось бы разместить кнопки справа). Чтобы реализовать это дело, делала так (по алгоритму выше). Добавила в конец темы

Код: Выделить всё

.share42init { position: absolute; right: 0; top: 0; }


кнопки улетели в шапку форума на темно-синий фон (но зато справа :D )

Вот эту часть в теме стиля не нашла вообще

Код: Выделить всё

#pageheader { }


Похоже, что у меня ее нет и в этом проблема.

Вот наш форум
http://scienceclub.listbb.ru

Помогите, пожалуйта "допилить", чтобы было как у вас на форуме (т.е. название темы слева, а кнопки на той же строке, но справа) :Rose:
Форум Science-Леди www.scienceclub.listbb.ru

Аватара пользователя
CabinetAdmin

Re: Кнопки социальных сетей от share42

CabinetAdmin 11 сен 2013, 18:33 Сообщение

Uzanka
У вас другой клон, prosilver. Найдите #page-body { и добавьте к нему (до закрывающего }) с новой строки position: relative;.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Uzanka

Re: Кнопки социальных сетей от share42

Uzanka 11 сен 2013, 19:44 Сообщение

CabinetAdmin
Да, всё получилось! :Yahoo!: спасибо большое! :Rose:
Форум Science-Леди www.scienceclub.listbb.ru

Аватара пользователя
Uzanka

Re: Кнопки социальных сетей от share42

Uzanka 11 сен 2013, 19:49 Сообщение

А вот еще хотела спросить. А форум сильно от установки кнопок тормозится? Я ничего в этом не понимаю. Может быть не стоит их ставить? :pardon:
Форум Science-Леди www.scienceclub.listbb.ru

Аватара пользователя
CabinetAdmin

Re: Кнопки социальных сетей от share42

CabinetAdmin 11 сен 2013, 19:53 Сообщение

10КБ весу, я бы сказал ничтожно мало чтобы создать на форуме тормоза.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Uzanka

Re: Кнопки социальных сетей от share42

Uzanka 11 сен 2013, 19:55 Сообщение

CabinetAdmin
Ок. Спасибо. А то я что-то переживать начала за участниц :D
Форум Science-Леди www.scienceclub.listbb.ru

Аватара пользователя
silver073000

Re: Кнопки социальных сетей от share42

silver073000 05 окт 2013, 03:58 Сообщение

У меня установлен мод Последние темы и хочу сдвинуть надпись Последние темы влево, а кнопки сетей разместить справа и чтобы это на одной строке было.
Изображение

Можно ли такое сделать? :) Вот код моего скрипта для кнопок

Код: Выделить всё

<div class="share42init" data-path="http://gff.5nx.org/images/ranks2/gff_5nx_org/"></div> <script type="text/javascript" src="http://gff.5nx.org/images/ranks2/gff_5nx_org/share42.js"></script>


И часть кода с мода, в которую хочу встроить кнопки.

Код: Выделить всё

  <tr class="nav"> <td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->6<!-- ELSE -->5<!-- ENDIF -->" valign="middle" align="center">{L_RECENT_TOPICS}</td> </tr> <tr> <!-- IF S_TOPIC_ICONS --> <th colspan="3">&nbsp;{L_TOPICS}&nbsp;</th> <!-- ELSE --> <th colspan="2">&nbsp;{L_TOPICS}&nbsp;</th> <!-- ENDIF --> <th>&nbsp;{L_REPLIES}&nbsp;</th> <th>&nbsp;{L_VIEWS}&nbsp;</th> <th>&nbsp;{L_LAST_POST}&nbsp;</th> </tr>


Подскажите, как правильно сделать :)

Аватара пользователя
CabinetAdmin

Re: Кнопки социальных сетей от share42

CabinetAdmin 05 окт 2013, 07:04 Сообщение

Первый вариант.
В вашей части кода находите:

Код: Выделить всё

  <tr class="nav"> <td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->6<!-- ELSE -->5<!-- ENDIF -->" valign="middle" align="center">{L_RECENT_TOPICS}</td> </tr>


Меняете на:

Код: Выделить всё

<tr class="nav"> <td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->5<!-- ELSE -->4<!-- ENDIF -->" valign="middle" align="left">{L_RECENT_TOPICS}</td> <td class="cat" valign="middle" align="right"> <div class="share42init" data-path="http://gff.5nx.org/images/ranks2/gff_5nx_org/"></div> <script type="text/javascript" src="http://gff.5nx.org/images/ranks2/gff_5nx_org/share42.js"></script> </td> </tr>

В теме стиля находите и удаляете:

Код: Выделить всё

.share42init { position: absolute; right: 0; top: 0; }



Второй вариант.

Код: Выделить всё

  <tr class="nav"> <td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->6<!-- ELSE -->5<!-- ENDIF -->" valign="middle" align="center">{L_RECENT_TOPICS}</td> </tr>


Меняете на:

Код: Выделить всё

<tr class="nav"> <td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->6<!-- ELSE -->5<!-- ENDIF -->" valign="middle" align="left" style="position: relative;"> {L_RECENT_TOPICS} <div class="share42init" data-path="http://gff.5nx.org/images/ranks2/gff_5nx_org/"></div> <script type="text/javascript" src="http://gff.5nx.org/images/ranks2/gff_5nx_org/share42.js"></script> </td> </tr>


В теме стиля:

Код: Выделить всё

.share42init { position: absolute; right: 0; top: 0; }


Меняете 0 до получения оптимального вида, например поставить 4px или 5px и посмотреть результат.

Вот это:

Код: Выделить всё

#share42:hover { background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD; }

это появляющийся фон при наведении мыши на блок с кнопками, имхо, можно удалить.


ps. Мало ли, чтобы вернуть надпись "Последние темы" в центр, как было, достаточно в изменённом коде align="left" поменять на align="center".
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
silver073000

Re: Кнопки социальных сетей от share42

silver073000 05 окт 2013, 12:50 Сообщение

С первым вариантом получается так и на опере, и на мазиле.
Изображение

Тему пробовал удалять, изменять название классов. Не перемещаются кнопки вправо.
При установке второго варианта на опере отлично, на мазиле в правый верхний угол улетают кнопки :D Подгоняю для мазилы тему, то опера почти посреди форума кнопки отображает :crazy: Ох уж эти стандарты в браузерах :crazy:

Аватара пользователя
CabinetAdmin

Re: Кнопки социальных сетей от share42

CabinetAdmin 05 окт 2013, 13:56 Сообщение

Так может получиться только со вторым вариантом и только если нет соответствующих классов, в первом голая таблица, там нет вариантов неправильного отображения.

зы. У вас почему-то вместо class="share42init" стоит class="share42initindex". Поэтому и отображается не так как нужно.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
silver073000

Re: Кнопки социальных сетей от share42

silver073000 05 окт 2013, 15:48 Сообщение

Подошёл первый вариант установки :) Вся проблема была в коде Последних тем - там какой-то лишний код был. Переустановил его заново и всё отлично стало. Благодарю за советы :drink:
CabinetAdmin » Сегодня, 13:56 писал(а):У вас почему-то вместо class="share42init" стоит class="share42initindex". Поэтому и отображается не так как нужно.

Это я уже потом классы добавлял и удалял, когда не получилось с нескольких попыток установить кнопки :D Так и оставил, не стал больше трогать их :)



Похожие темы

Вернуться в «JavaScript / jQuery»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость