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

<<

pvkling

Автор темы

Сообщения: 16

Зарегистрирован: 07 май 2011, 10:55

Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Сообщение 08 май 2011, 19:37

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

Всем привет!
Друзья,у меня такая проблема. Я установил кнопки для сохранения в другие социальные сети т.е. i like (Facebook),мне нравится (вконтакте), tweet(twitter) . Я расположил их.
Но они расположились друг под другом,а я хотел,чтобы они располагались в одну линию... Как кнопки снизу
Как мне это сделать?
61e3ee203b99.jpg

P.S. Коды вставлял после
  Код:
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>


Код I like
  Код:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;height=27&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;send=false&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:75px; height:27px;'/></div>


Код tweet
  Код:
<a class='twitter-share-button' data-count='horizontal' data-via='pvkling' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>


Код vk Мне нравится
Одна часть кода вставляется после тэга <head>
  Код:
<script src='http://userapi.com/js/api/openapi.js?26' type='text/javascript'/>

<script type='text/javascript'>
  VK.init({apiId: 2319978, onlyWidgets: true});
</script>


Вторая часть так же вставляется после
  Код:
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

вот сама вторая часть кода
  Код:
data:post.body/><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='vk_like'/>
<script type='text/javascript'>
VK.Widgets.Like(&quot;vk_like&quot;, {type: &quot;button&quot;});
</script><div>
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Последний раз редактировалось BloggerForum 08 май 2011, 19:51, всего редактировалось 1 раз.
Причина: Не пользуйтесь радикалом!!!
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 10 май 2011, 10:52

Re: Расположение кнопок для социальных сетей

Самый простой вариант вариант - это каждую кнопку вставить в теги
  Код:
<span>код кнопки</span> <span>код кнопки</span>

У меня в блоге это именно так. Span - это строковый тег, т.е. он не переносится на новую строчку. Тут самое главное, начинать новый код на той же строчке, что и предыдущий. Если будете делать кнопку Вконтакте, то она изначально находится в теге <div>, я его заменила на span.

Но хочу сказать, это не самое лучшее решение, точнее не самое изящное, есть лучше. Я об этом собираюсь написать более подробно. Если вкратце, то каждую кнопку нужно поместить в контейнер
  Код:
<div>кнопка</div>
И все контейнеры с кнопками поместить в один див, а потом дивам, которые содержат в себе кнупку, прописать свойство float - вот в таком случае решение будет более правильное.
<<

pvkling

Автор темы

Сообщения: 16

Зарегистрирован: 07 май 2011, 10:55

Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Сообщение 10 май 2011, 19:03

Re: Расположение кнопок для социальных сетей

Admin писал(а):Но хочу сказать, это не самое лучшее решение, точнее не самое изящное, есть лучше. Я об этом собираюсь написать более подробно. Если вкратце, то каждую кнопку нужно поместить в контейнер
  Код:
<div>кнопка</div>
И все контейнеры с кнопками поместить в один див, а потом дивам, которые содержат в себе кнупку, прописать свойство float - вот в таком случае решение будет более правильное.



А куда вставлять этот float ??? Я вообще мало что понимаю в HTML :(

Вы не могли бы мне уже готовый код написать ? Пожалуйста :blush:
Вконтакте :
После <head>
  Код:
<script src='http://userapi.com/js/api/openapi.js?26' type='text/javascript'/>

<script type='text/javascript'>
  VK.init({apiId: 2319978, onlyWidgets: true});
</script>




  Код:
<div id='vk_like'/>
<script type='text/javascript'>
VK.Widgets.Like(&quot;vk_like&quot;, {type: &quot;button&quot;});
</script>


Фейсбук :
  Код:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=95&amp;height=27&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;send=false&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:135px; height:97px;'/>


Твиттер:
  Код:
<a class='twitter-share-button' data-count='horizontal' data-via='pvkling' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 11 май 2011, 11:39

Re: Расположение кнопок для социальных сетей

Я уже давно собиралась написать статью по этому поводу в блоге, вчера наконец-то написала, можете почитать там.

Вернуться в Вопросы по шаблонам

Кто сейчас на конференции

Зарегистрированные пользователи: нет зарегистрированных пользователей

cron
Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo