[andrei_z]

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

[Инканта]

Подробная статья как ставить в один ряд http://www.incanta.ru/krasivo-oforml...ye-knopki.html

[MacLeo]

Каждую из кнопок берем в css класс какой то . В style.css пишете float:left. И каждую кнопку берете в див созданного класса

[vo100k]

andrei_z, тоже такая проблема была, сделала так (копирую код с сайта):

<div style="position:relative; float:left;margin: -3px 0px 0px 285px;">
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>
</div>

<div id="vk_like" style="position:relative; float:left;margin: -3px 0px 0px 0px;"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"});
</script>

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>

<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twit ter,odnoklassniki,moimir,lj,friendfeed,moikrug" style="position:relative; float:left;margin: -5px 0px 0px 5px;"></div>

<div style="position:relative; float:left;margin: 3px 0px 0px 0px;"><!-- Поместите этот тег туда, где должна отображаться кнопка +1. -->
<glusone size="small" annotation="none"></glusone>

<!-- Поместите этот вызов функции отображения в соответствующее место. -->
<script type="text/javascript">
window.___gcfg = {lang: 'ru'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script></div>


образец на сайте_informsvit.com.ua

[andrei_z]

все попробовал, ниче неполучилось (понял чтоя нуб xD) нашел кнопки социальных сетей от яндекса, поставил пока их. Но они такие маленькие и некрасивые. Как поставить вот таке кнопки как здесь _http://battleduty.ru/ .

[Boss199999]

Оформите все в таблице, так проще.

[InFakes]

andrei_z, если интересует такой вариант, как на блоге, могу скинуть код

---

[свернуть]

[Vadyxa]

andrei_z, такие кнопки, как на сайте, который вы указали, можно установить при помощи специального скрипта, который можно скачать здесь share42.com (оф.сайт). Как их правильно установить, можно почитать здесь _http://websystemblog.com/dizajngrafika/socialnye-knopki-plavayushhaya-panel.html

[RuBig]

Возьми тут а после в css вставь еще код выглядит вполне прилично

[Bruks]

Самый простой вариант - таблица