Помогите.Запутался.
Страницы: 1
Помогите.Запутался.
Итак, хочу установить в ряд кнопки "Вк мне нравится" ФЕЙСБУК "МНе нравится" "Твитнуть" и Google +
Проблема в том что они выстраиваются в столбец а не в ряд. поможете с кодом?


Код Вконтакте

Код
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 18});
</script>
 
Код FaceBook

Код
 <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>
Код твиттера


Код
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru" data-hashtags="Web-Unlims">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 



Код Google+


Код
 <div class="g-plusone" data-size="small"></div>



кто готов помочь? отблагодарю!
Цитата
Markus Uhanov пишет:
кто готов помочь?
Могу помочь статейкой --> sidash.ru/kak-ustanovit-knopki-sotsialnyh-setey-gorizontalno-v-ryad/
Изменено: Олег - 27 Февраля 2012 17:15
Самое простое - загони все в таблицу, для каждой кнопки отдельный столбец.
Цитата
yozhickov пишет:
амое простое - загони все в таблицу, для каждой кнопки отдельный столбец.
не лезет в таблицу...
Попробуй к элементам прописать style="display:inline;" , после этого должны в строчку выстроиться.
кто то еще готов помочь?
Думаю в этом разделе тема будет актуальна.
ну вот как-то так можно
Код
 <html>
<body>
<style>
.soc {margin: 0; padding: 0;}
.soc div {float:left; padding-right: 10px;}

</style>
<div class="soc">
   <div id="vk_like">Контакт</div>
   <script type="text/javascript">
   VK.Widgets.Like("vk_like", {type: "button", height: 18});
   </script>
   <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial">Фейсбук</div>
   <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru" data-hashtags="Web-Unlims">Твитнуть</a>
   <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
   <div class="g-plusone" data-size="small">+1</div>
</div>
</body>
</html>
Frank Sinatra, попробую.спасибо!
не получилось
Маркус, на своем сайте сделал вот так:создал родительский div элемент, в котором разместил дочерние div-ы всех кнопок со стилем style="float: right"
Код
<!-- Завершили контент. Делаем кнопки -->
<div class="my-rating">Оценка
<!-- ВКонтакте Google+ Facebook Мой мир Одноклассники -->
<div id="vk_like" style="float: right"></div> <div style="float: right"><g:plusone size="medium"></g:plusone></div> 
<div id="fb-root" style="float: right"></div> <div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="true" style="float: right"></div> 
<div style="float: right"><a target="_blank" class="mrc__plugin_uber_like_button" href="connect.mail.ru/share" 
data-mrc-config="{'type' : 'button', 'caption-mm' : '1', 'caption-ok' : '1', 'text' : 'true', 'width' : '200', 'nc' : '1'}">Нравится</a></div>  
</div>

и определил в таблице стилей цвет и границу рейтинга.Посмотреть мое творение тут _radiel.ru_
Говорят Медведев завел блох в свитере

Цитата
Markus Uhanov пишет:
не получилось
Перейди по этой ссылке, там конструктор соц.кнопок. Наверняка поможет!!!!!!     -      share.pluso.ru/?utm_source=liveinternet.ru&utm_medium=240*400&utm_campaign=3w
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
18:09 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 
16:11 Давайте начнем обмен отзывами Google maps 
22:14 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
13:03 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 
13:04 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:04 Adtrafico - Правильная партнёрская сеть под бурж трафик 
15:02 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
13:24 Linken Sphere – браузер-антидетект нового поколения 
12:42 Sapfirex.com - Современный сервис обмена криптовалют 
09:33 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
09:30 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
04:16 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
19:49 Sectormoney.com - быстрый и удобный обменник 
23:14 Точные прогнозы на футбол 
20:09 Сколько сейчас стоит наполнение ИМ? 
12:43 Куплю проигрышные букмекерские аккаунты 
04:33 Половина скидок на распродажах — фейк 
07:53 НейроБабушка наказывает мошенников 
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту