Помогите.Запутался.
Страницы: 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)
Новые темыОбъявленияСвободное общение
08:12 Кто как борется с РКН и компанией? 
20:19 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950 
18:01 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
16:12 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:23 Adtrafico - Правильная партнёрская сеть под бурж трафик 
14:56 Партнерская программа OWNR WALLET 
01:01 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
08:25 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
08:10 Рассылка в TELEGRAM |Большой опыт работы | Любые тематики | Лучшая конверсия 
01:55 Прием платежей для HIGH RISK | Прием платежей без сайта 
01:55 Рассылка сообщений в ЛС DISCORD 
23:16 Криптовалютный обменник Xgram.io - новое воплощение качества 
18:06 Как находить клиентов в Telegram по ГЕО. 
18:05 Услуги рассылки Вконтакте 
18:03 150+ хакерских поисковых систем и инструментов 
00:06 Точные прогнозы на футбол 
22:33 В России летом могут представить возможный аналог YouTube 
21:31 У Sora появился конкурент из Китая — нейросеть Kling, которая генерирует 1080p-видеоролики по описанию 
21:29 В России готовят проект о запрете рекламы в заблокированных соцсетях 
21:25 В соцсети Х (экс-Twitter) разрешили размещать эротику и порно 
08:22 С юмором по жизни!