"Мне нравится" от вконтакте

tankisto · 18 Авг 2011

Кнопки Like, Нравится, ретвит в одну строку

Добавил в WebAsyst "кнопки" Like соц сетей: fb, vk, G+1, twitter. Как теперь расположить их в одну строку?
Таким образом, чтобы g+1 и твитнуть выравнивались по правому краю(как сейчас), а fb и vk одной строкой но по левому краю
код страницы продукта:

<table style="width: 100%; padding: 0px;">
<tr>
<td>{cpt_product_name overridestyle=''}
{literal}
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10"});
</script>
<script type="text/javascript"></script>
{/literal}
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=100118100093468&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="450" show_faces="false" action="like" font=""></fb:like>
<glusone></glusone>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="01kru" data-lang="ru">Твитнуть</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>
</tr>
<tr>
<td id="prddeatailed_container">
{cpt_product_images}
{cpt_product_params_selectable overridestyle=''}{cpt_product_params_fixed overridestyle=''}{cpt_product_rate_form overridestyle=''}{cpt_product_price overridestyle=''}{cpt_product_add2cart_button request_product_count='request_product_count' overridestyle=':zw9m1c'}{cpt_product_description overridestyle=''}
</td>
</tr>
<tr>
<td><noindex><script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,lj"></div></noindex>
{literal}
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, width: "600", attach: "*"});
</script>
{/literal}
{cpt_product_discuss_link overridestyle=''}{cpt_product_related_products overridestyle=''}{cpt_product_details_request overridestyle=''}</td>
</tr>
</table>

IRIDON · 18 Авг 2011

PHP:

<table style="width: 100%; padding: 0px;">
<tr>
<td><!-- cpt_container_start -->{cpt_product_name overridestyle=''}<!-- cpt_container_end -->
<table width="100%">
  <tr>
    <td width="50%" align="left">
{literal}
<table width="200">
  <tr>
    <td width="50%" align="left"><div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10"});
</script></td>
    <td width="50%" align="left"><script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round_nocount", text: "Сохранить"}));
--></script></td>
  </tr>
</table>
{/literal}
    </td>
    <td width="50%" align="right">
    	<table width="200">
  			<tr>
    			<td width="50%" align="right"><div id="fb-root" style=""></div><script src="http://connect.facebook.net/en_US/all.js#appId=100118100093468&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="450" show_faces="false" action="like" font=""></fb:like>
<g:plusone></g:plusone></td>
    			<td width="50%" align="right"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="01kru" data-lang="ru">Твитнуть</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>
  			</tr>
		</table>
    </td>
  </tr>
</table>




</td>
</tr>
<tr>
<td id="prddeatailed_container">
{cpt_product_images}
<!-- cpt_container_start -->{cpt_product_params_selectable overridestyle=''}{cpt_product_params_fixed overridestyle=''}{cpt_product_rate_form overridestyle=''}{cpt_product_price overridestyle=''}{cpt_product_add2cart_button request_product_count='request_product_count' overridestyle=':zw9m1c'}{cpt_product_description overridestyle=''}<!-- cpt_container_end -->
</td>
</tr>
<tr>
<td><noindex><script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twit ter,odnoklassniki,lj"></div></noindex>
{literal}
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, width: "600", attach: "*"});
</script>
{/literal}
<!-- cpt_container_start -->{cpt_product_discuss_link overridestyle=''}{cpt_product_related_products overridestyle=''}{cpt_product_details_request overridestyle=''}<!-- cpt_container_end --></td>
</tr>
</table>

"Мне нравится" от вконтакте

tankisto

Мой дом здесь!

Вложения

IRIDON

Старатель