социальные кнопки

(Ответов: 13, Просмотров: 1549)
Страница 1 из 2 12 Последняя
  1. Опытный Аватар для andrei_z
    • Регистрация: 08.02.2012
    • Сообщений: 323
    • Репутация: 58
    Помогите разобратся с кнопками социальных сетей. Если я просто копирую коды кнопок и вставляю их попорядку в код страницы, то каждая кнопка становится с новой строки, а мне нужно чтобы они все были в о одну строчку. Перерыл пол интернета но у меня ничего не получалось, то пол страницы пропадало, то эта же страница грузилась по пол минуты...
    Подскажите что делать или дайте для примера код кнопок с ваших страниц а я по аналогии попробую сделать
    • 0
  2. Опытный Аватар для Инканта
    • Регистрация: 18.01.2011
    • Сообщений: 318
    • Записей в дневнике: 1
    • Репутация: 143
    Подробная статья как ставить в один ряд http://www.incanta.ru/krasivo-oforml...ye-knopki.html
    Блог Инканта - Создать сайт самой. :::
    • 1

    Спасибо сказали:

    andrei_z(15.02.2012),
  3. Гуру Аватар для MacLeo
    • Регистрация: 01.06.2010
    • Сообщений: 1,617
    • Записей в дневнике: 1
    • Репутация: 586
    Каждую из кнопок берем в css класс какой то . В style.css пишете float:left. И каждую кнопку берете в див созданного класса
    • 1

    Спасибо сказали:

    andrei_z(15.02.2012),
  4. Студент Аватар для vo100k
    • Регистрация: 03.02.2012
    • Сообщений: 51
    • Репутация: 8
    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
    Последний раз редактировалось vo100k; 15.02.2012 в 01:19.
    • 1

    Спасибо сказали:

    andrei_z(15.02.2012),
  5. Опытный Аватар для andrei_z
    • Регистрация: 08.02.2012
    • Сообщений: 323
    • Репутация: 58
    все попробовал, ниче неполучилось (понял чтоя нуб xD) нашел кнопки социальных сетей от яндекса, поставил пока их. Но они такие маленькие и некрасивые. Как поставить вот таке кнопки как здесь _http://battleduty.ru/ .
    • 0
  6. Шаман Аватар для Boss199999
    • Регистрация: 18.04.2011
    • Сообщений: 416
    • Репутация: 105
    Оформите все в таблице, так проще.
    • 1

    Спасибо сказали:

    andrei_z(15.02.2012),
  7. Tux Аватар для InFakes
    • Регистрация: 21.06.2011
    • Сообщений: 697
    • Репутация: 186
    • Webmoney BL: ?
    andrei_z, если интересует такой вариант, как на блоге, могу скинуть код

    ---

    [свернуть]
    • 1

    Спасибо сказали:

    andrei_z(15.02.2012),
  8. Дипломник Аватар для Vadyxa
    • Регистрация: 21.03.2011
    • Сообщений: 168
    • Репутация: 32
    andrei_z, такие кнопки, как на сайте, который вы указали, можно установить при помощи специального скрипта, который можно скачать здесь share42.com (оф.сайт). Как их правильно установить, можно почитать здесь _http://websystemblog.com/dizajngrafika/socialnye-knopki-plavayushhaya-panel.html
    • 1

    Спасибо сказали:

    andrei_z(15.02.2012),
  9. Пиксели в голове.. Аватар для RuBig
    • Регистрация: 12.02.2012
    • Сообщений: 142
    • Репутация: 110
    Возьми тут а после в css вставь еще код выглядит вполне прилично
    • 1

    Спасибо сказали:

    andrei_z(15.02.2012),
  10. Banned
    • Регистрация: 20.11.2010
    • Сообщений: 18
    • Записей в дневнике: 1
    • Репутация: 10
    Самый простой вариант - таблица
    • 2

    Спасибо сказали:

    andrei_z(15.02.2012), InFakes(15.02.2012),
Страница 1 из 2 12 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
Пропали кнопки в blogger
Вопросы от новичков 0 27.06.2011 20:58
Анимированные кнопки без JavaScript
Дайджест блогосферы 0 04.04.2011 16:43
Кнопки социальных закладок для DLE
Дайджест блогосферы 0 16.11.2010 15:22
Не работают кнопки репутации.
Обсуждение форума и ваши предложения 2 13.09.2010 23:25

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры