Как сделать эту кнопочку в указанном месте ?

Здравствуйте
Пожалуйста помогите с одной задачей. Решила установить вниз каждой темы кнопку поделиться, а именно чтобы она была рядом с иконками профиля "сайт автора" "скайп" "отправить л/с" и т.д.


А вот сайт с кнопочкой:
http://i-likeit.net/get-widget/

Мне было хотелось установить вот эту кнопку в указанное место, чтобы она была в каждой теме:


Подскажите пожалуйста куда нужно вставить код кнопки, чтобы всё было как описано в просьбе выше ?
Заранее спасибо всем кто окажет помощь

А код кнопки можно? Именно Вашего варианта.

Dana Domirani пишет:А код кнопки можно? Именно Вашего варианта.

Здравствуйте уважаемая Дана
Вот код кнопочки:

Код:

<div id="i_likeit_net"></div>
<script type="text/javascript">
ILIKEIT_net.render({
id: 'i_likeit_net', // id элемента в котором будет отображаться виджет
// url: 'http://example.org/page1', // для публикации ссылок на страницу, отличную от текущей (не обязательно)
// head: 'заголовок', //желаемый заголовок (не обязательно)
style: '1'
});
</script>

А это следовательно скрипт, который я не знаю куда поставить:

Код:

<script type="text/javascript" src="http://i-likeit.net/js/release.js"></script>

В шаблоне viewtopic_body поместите все кнопки профиля внутрь дива с классом ugg
Т.е. вот это

Код:

{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}

замените на

Код:

<div class="ugg">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</div>

Сохраните, опубликуйте.

Потом добавьте в CSS:

Код:

ugg {
display: block;
float: left;
}

#titl_link {
float: right;
}

Dana Domirani пишет:В шаблоне viewtopic_body поместите все кнопки профиля внутрь дива с классом ugg
Т.е. вот это

Код:

{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}

замените на

Код:

<div class="ugg">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</div>

Сохраните, опубликуйте.

Потом добавьте в CSS:

Код:

ugg {
display: block;
float: left;
}

#titl_link {
float: right;
}

А куда нужно вставить код кнопки ?

Это не совсем вставить, а именно заменить. Они — кнопки профиля — у Вас уже есть, но стоят просто в ячейке под сообщением. А их надо укомплектовать внутрь дива.

Вбейте в поиск по шаблону строку {postrow.displayed.PROFILE_IMG} и нажмите "Поиск" — Вас сразу сориентируют на нужный участок кода.

Dana Domirani пишет:Это не совсем вставить, а именно заменить. Они — кнопки профиля — у Вас уже есть, но стоят просто в ячейке под сообщением. А их надо укомплектовать внутрь дива.

Вбейте в поиск по шаблону строку {postrow.displayed.PROFILE_IMG} и нажмите "Поиск" — Вас сразу сориентируют на нужный участок кода.

Спасибо Дана
Это я сделала, а вот меня интересует как сделать чтобы рядом с этими кнопками стояла такая кнопочка поделиться:

В обычном виде:


При наведении курсора:


Код кнопочки:

Код:

<div id="i_likeit_net"></div>
<script type="text/javascript">
ILIKEIT_net.render({
id: 'i_likeit_net', // id элемента в котором будет отображаться виджет
// url: 'http://example.org/page1', // для публикации ссылок на страницу, отличную от текущей (не обязательно)
// head: 'заголовок', //желаемый заголовок (не обязательно)
style: '1'
});
</script>

А вот это скрипт:

Код:

<script type="text/javascript" src="http://i-likeit.net/js/release.js"></script>

Пожалуйста подскажите, как сделать чтобы она была рядом с теми кнопками