Помогите.Запутался.
Страницы: 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)
Новые темыОбъявленияСвободное общение
23:46 adsense в 2026: кто реально выводит копейку через киргизию? 
22:09 Как поймать партнера на «сливе» бренда? 
22:05 Очередной взлом через плагин. Хакеры получают админку без пароля 
20:40 Мошенники-копирайтеры 
17:52 Подскажите ТОП 5-10 ИМ с современным дизайном? 
17:42 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 
17:38 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
23:48 GoodsMoney.io 
23:46 Volna.money 
22:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
18:14 Bardo — Бюро развития и координации цифровых операций. 
17:32 Вериф аккаунты АВИТО + платежи 
13:09 Продажа аккаунтов HH.RU 
12:03 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin 
22:13 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
19:04 Какой фильм вы любите посмотреть перед сном? 
19:03 О природе путешествий. 
19:02 Огородники 
01:47 Точные прогнозы на футбол 
17:45 молодильные яблоки и живая вода 
15:04 Сайты Рунета