[RÉGLÉ] K2 Partage d'article via FB, TW et G+

[darthside]

Hello,

Voilà, j'ai modifier les "widgets" de partage en bas de page d'article sans aucun problème, enfin presque, j'aimerai que tout soit sur une seule ligne et pas comme ceci http://image.noelshack.com/fichiers/...1s5d15as1d.jpg

Voir en live http://driveradio.be/index.php/news/...r-87-act1.html

Voici le code php

    <?php if($this->item->params->get('itemTwitterButton',1) || $this->item->params->get('itemFacebookButton',1) || $this->item->params->get('itemGooglePlusOneButton',1)): ?>
    <!-- Social sharing -->
    <div class="itemSocialSharing">

        <?php if($this->item->params->get('itemTwitterButton',1)): ?>
        <!-- Twitter Button -->
<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>
<iframe scrolling="no" frameborder="0" allowtransparency="true" src="https://platform.twitter.com/widgets/tweet_button.1352365724.html#_=1354037601139&amp;count=vertical&amp;id=twitter-widget-3&amp;lang=en&amp;original_referer=https%3A%2F%2Fdev.twitter.com%2Fdocs%2Ftweet-button%2Ffaq%23custom-shortener-count&amp;size=m&amp;url=" class="twitter-share-button twitter-count-vertical" style="width: 60px; height: 62px;" title="Twitter Tweet Button" data-twttr-rendered="true"></iframe>
        <?php endif; ?>

        <?php if($this->item->params->get('itemFacebookButton',1)): ?>
        <!-- Facebook Button -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=127338607464609";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-layout="box_count"></div>
        <?php endif; ?>

        <?php if($this->item->params->get('itemGooglePlusOneButton',1)): ?>
        <!-- Google +1 Button -->
        <div class="itemGooglePlusOneButton">
<!-- Placez cette balise où vous souhaitez faire apparaître le gadget Bouton +1. -->
<div class="g-plusone" data-size="tall"></div>

<!-- Placez cette ballise après la dernière balise Bouton +1. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'en-GB'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
        </div>
        <?php endif; ?>

[darthside]

Re : K2 Partage d'article via FB, TW et G+

Petit UP!

J'ai réussi a aligner Facebook et Twitter mais Google+ reste en-dessous de FB

Voici le php actuel

<?php if($this->item->params->get('itemTwitterButton',1) || $this->item->params->get('itemFacebookButton',1) || $this->item->params->get('itemGooglePlusOneButton',1)): ?>
    <!-- Social sharing -->
    <div class="itemSocialSharing">

        <?php if($this->item->params->get('itemTwitterButton',1)): ?>
        <!-- Twitter Button -->
        <div class="itemTwitterButton">
<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>
<iframe scrolling="no" frameborder="0" allowtransparency="true" src="https://platform.twitter.com/widgets/tweet_button.1352365724.html#_=1354037601139&amp;count=vertical&amp;id=twitter-widget-3&amp;lang=en&amp;original_referer=https%3A%2F%2Fdev.twitter.com%2Fdocs%2Ftweet-button%2Ffaq%23custom-shortener-count&amp;size=m&amp;url=" class="twitter-share-button twitter-count-vertical" style="width: 60px; height: 62px;" title="Twitter Tweet Button" data-twttr-rendered="true"></iframe>
        </div>
        <?php endif; ?>

        <?php if($this->item->params->get('itemFacebookButton',1)): ?>
        <!-- Facebook Button -->
        <div id="itemFacebookButton">
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=1447973502100514";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-layout="box_count"></div>
        </div>
        <?php endif; ?>

        <?php if($this->item->params->get('itemGooglePlusOneButton',1)): ?>
        <!-- Google +1 Button -->
        <div class="itemGooglePlusOneButton">
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'en'}
</script>
<div class="g-plusone" data-size="tall"></div>
        </div>
        <?php endif; ?>

        <div class="clr"></div>
    </div>
    <?php endif; ?>

Et le CSS

div.itemSocialSharing {padding:10px;border:1px solid #191919;background:#0b0b0b none repeat scroll 0 0;}
	div.itemTwitterButton {float:left;margin:2px 24px 0 0;}
	div.itemFacebookButton {float:left;margin-right:24px;width:50px;}
	div.itemGooglePlusOneButton {}

[lefabdu51]

Re : K2 Partage d'article via FB, TW et G+

#itemFacebookButton {float:left;margin-right:30px;}

a mettre en fin du fichier k2.css ou en fin du fichier du template.
pense aussi a les traduire en francais......

[darthside]

Re : K2 Partage d'article via FB, TW et G+

#itemFacebookButton {float:left;margin-right:30px;}

a mettre en fin du fichier k2.css ou en fin du fichier du template.
pense aussi a les traduire en francais......

Merci beaucoup!

Et aussi, traduire quoi en français ? Mon site est en anglais donc bon

[lefabdu51]

Re : K2 Partage d'article via FB, TW et G+

pour que ton code marche il aurai fallu remplacer

<div id="itemFacebookButton">

par

<div class="itemFacebookButton">

[darthside]

Re : K2 Partage d'article via FB, TW et G+

pour que ton code marche il aurai fallu remplacer

<div id="itemFacebookButton">

par

<div class="itemFacebookButton">

Ah super, j'ai changé ça, et merci encore !