Категории

[FAQ] Часто задаваемые вопросы и ответы

Проблемы и решения

Ошибки и исправления

Общие вопросы

Расширения

Установка и обновление

Модули

Шаблоны

Локализация интерфейса

Коммерческие предложения

Учимся бизнесу

Бизнес книги

Поисковая оптимизация (SEO)

Магазины на ShopOS

Хостинг для ShopOS

Предложения и пожелания

Курилка

Размещение кнопок "Мне нравится"

Подскажите, кто знает, как разместить кнопки "Мне нравится" в одну строку?

Сейчас это выглядит так:
_____________________________________________________________
{literal}<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
  VK.init({apiId: 2288670, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini"});
</script>{/literal}

<br/>{literal}<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s);
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>{/literal}<br/>
<br/>
{literal}<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- Разместите этот тег в том месте, где должна отображаться кнопка +1 -->
<g:plusone size="medium"></g:plusone>{/literal}
______________________________________________________

И получается следующее:



Как можно сделать что бы они в одну строку встали как внизу на картинке?

а где картинка?

у вас там мешает <br/>, попробуйте удалить <br/>

Нет, это не вариант, я сам поставил </br>, что бы так не смотрелось:

могу вот так посоветовать еще <table width="180" border="0" cellspacing="2">
  <tr>
    <td><script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
  VK.init({apiId: 2288670, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini"});
</script></td>
    <td><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s);
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div></td>
    <td><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- Разместите этот тег в том месте, где должна отображаться кнопка +1 -->
<g:plusone size="medium"></g:plusone></td>
  </tr>
</table>

Только {literal}  сами поставте

Загнал в таблицу, получилось в одну строку, НО расположение кнопок получается так:



и страницу растягивает по ширине. Там я так понимаю ширина таблиц должна быть по ширине фиксированная, но как это сделать я не знаю  :(

Установка скрипта:

Распакуйте архив со скриптом.
Загрузите по папкам  на ваш сайт по FTP.
Вставьте в javascript/general.js следующий код:                   

Спасибо большое!

Источник