Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 17.08.2018
Топ 5 участников по репутации


Как расположить кнопки социальных сетей в один ряд

#1 TiP-A-ToP

TiP-A-ToP
  • Пользователь
  • 119 сообщений
  • Репутация: 0
0

Отправлено 20 January 2012 - 23:59

Только что создал свой первый блог.Установил под постоми конпки соц. сетей.
Но проблема в том, что каждая кнопка с новой строки. Как сделать чтоб все кнопки были в одиной строке?
Вот блог

Вот код
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", verb: 1});
</script><div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div><a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share?share_url=http%3A%2F%2Ftip-a-top.org.ua" data-mrc-config="{'type' : 'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true', 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Элементы списка в столбик, а не в одну строку
  2. Вставка кнопок социальных сетей
  3. Внешние ссылки из социальных сетей
  4. Как сделать свои кнопки социальных сетей с счетчиком без плагинов. WP
  5. Социальные кнопки на сайте - значимость для продвижения сайта

#2 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 21 January 2012 - 01:05

TiP-A-ToP,
расположить кнопки списком и дать элементам списка свойство float: left; пробовали?

<head>
<style type="text/css">
*{margin: 0; padding: 0;}
ul#social_buttons{
list-style: none;
/* clear flow fix */
overflow: hidden;
zoom: 1; /* for IE */
}
ul#social_buttons li{
float: left;
margin-right: 10px; /* расстояние между кнопками */
}
</style>
</head>
<body>
Test
<ul id="social_buttons">
<li>Кнопка 1</li>
<li>Кнопка 2</li>
<li>Кнопка 3</li>
</ul>
Test
</body>

  • 0

#3 TiP-A-ToP

TiP-A-ToP
    Topic Starter
  • Пользователь
  • 119 сообщений
  • Репутация: 0

Отправлено 21 January 2012 - 01:42

Не помогло(


  • 0

#4 sogologo

sogologo
  • Неактивные
  • 29 сообщений
  • Репутация: 0

Отправлено 21 January 2012 - 10:44

привет, с удовольствием помог бы тебе :blink:) но у тебя там столько кодов напихано, какую cms для блога используешь? Попробуй найти какой нить готов плагин со всеми соц. кнопками.

Предлагаю это потому что все в перемешку :)) столько стилей переписывать ужас....

ЛИБО, каждую кнопку в отдельный DIV вставь и задай классы, тогда дальше я смогу тебе помочь :)
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru