demande si possible alléger code pour réseau sociaux

leroidugazon · 29 Octobre 2012

bonjour à tous,

je viens vers vous car je viens de mettre en local une nouvelle barre pour partager des sujets sur les réseaux sociaux mais je voulais savoir s'il existe moyen pour avoir un code plus légers que le mien:

Code:

<div class="vert" style="margin:8pt 0;float:left;">
<strong>Partager ce sujet  :</strong>
<span style="padding-right:15px;">
<a onclick="this.target='_blank';" href="https://www.facebook.com/share.php?u={TOPIC_URL}">
<span title="Partager ce sujet sur Facebook">Facebook</span>
</a>
<a onclick="this.target='_blank';" href="https://www.facebook.com/share.php?u={TOPIC_URL}">
<img style="max-width:18px;max-height:18px;" title="Partager ce sujet sur Facebook" alt="Partager ce sujet sur Facebook" src="http://www.leroidugazon.fr/images/share/facebook.gif">
</a>
</span>
<span style="padding-right:15px;">
<a onclick="this.target='_blank';" href="http://twitter.com/home?status={TOPIC_TITLE}: {TOPIC_URL}">
<span title="Partager ce sujet sur Twitter">Twitter</span>
</a>
<a onclick="this.target='_blank';" href="http://twitter.com/home?status={TOPIC_TITLE}: {TOPIC_URL}">
<img style="max-width:18px;max-height:18px;" title="Partager ce sujet sur Twitter" alt="Partager ce sujet sur Twitter" src="http://www.leroidugazon.fr/images/share/twitter.gif">
</a>
</span>
<span style="padding-right:15px;">
<a onclick="this.target='_blank';" href="http://www.myspace.com/Modules/PostTo/Pages/?u={TOPIC_URL}&amp;t={TOPIC_TITLE}">
<span title="Partager ce sujet sur MySpace">MySpace</span>
</a>
<a onclick="this.target='_blank';" href="http://www.myspace.com/Modules/PostTo/Pages/?u={TOPIC_URL}&amp;t={TOPIC_TITLE}">
<img style="max-width:18px;max-height:18px;" title="Partager ce sujet sur MySpace" alt="Partager ce sujet sur MySpace" src="http://www.leroidugazon.fr/images/share/myspace.gif">
</a>
</span>
<span style="padding-right:15px;">
<a onclick="this.target='_blank';" href="http://del.icio.us/post?url={TOPIC_URL}&amp;title={TOPIC_TITLE}">
<span title="Partager ce sujet sur Del.icio.us">Del.icio.us</span>
</a>
<a onclick="this.target='_blank';" href="http://del.icio.us/post?url={TOPIC_URL}&amp;title={TOPIC_TITLE}">
<img style="max-width:18px;max-height:18px;" title="Partager ce sujet sur Del.icio.us" alt="Partager ce sujet sur Del.icio.us" src="http://www.leroidugazon.fr/images/share/delicious.gif">
</a>
</span>
</div>
<div class="pagination" style="margin: 8pt 2pt;float:right;">   </div>
<hr>

tous fonctionne sauf facebook si quelqu’un à une idée pour moi faire fonctionner le code facebook

merci de votre aide

bien à vous

LEROIDUGAZON

leroidugazon · 30 Octobre 2012

bonjour à tous,

personne pour répondre ou me donner des conseils sur ma demande?

bien à vous

le roi du gazon

Madrileño · 30 Novembre 2012

Bon retour au forum.

Il est déjà bien léger, par rapport aux codes types. Après il y a des extensions mais c'est sympa comme ça.

StefouFR · 30 Novembre 2012

Bonjour,

index.html/php (2105 octets) :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title></title>
<meta name="description" content="" />
</head>
<body>
<div class="vert" style="margin:8pt 0;float:left">
<strong>Partager ce sujet :</strong>
<span style="padding-right:15px">
<a onclick="this.target='_blank';" href="https://www.facebook.com/share.php?u={TOPIC_URL}">
<span title="Partager ce sujet sur Facebook">Facebook</span>
</a>
<a onclick="this.target='_blank';" href="https://www.facebook.com/share.php?u={TOPIC_URL}">
<img style="max-width:18px;max-height:18px" title="Partager ce sujet sur Facebook" alt="Partager ce sujet sur Facebook" src="http://www.leroidugazon.fr/images/share/facebook.gif">
</a>
</span>
<span style="padding-right:15px">
<a onclick="this.target='_blank';" href="http://twitter.com/home?status={TOPIC_TITLE}: {TOPIC_URL}">
<span title="Partager ce sujet sur Twitter">Twitter</span>
</a>
<a onclick="this.target='_blank';" href="http://twitter.com/home?status={TOPIC_TITLE}: {TOPIC_URL}">
<img style="max-width:18px;max-height:18px" title="Partager ce sujet sur Twitter" alt="Partager ce sujet sur Twitter" src="http://www.leroidugazon.fr/images/share/twitter.gif">
</a>
</span>
<span style="padding-right:15px">
<a onclick="this.target='_blank';" href="http://www.myspace.com/Modules/PostTo/Pages/?u={TOPIC_URL}&t={TOPIC_TITLE}">
<span title="Partager ce sujet sur MySpace">MySpace</span>
</a>
<a onclick="this.target='_blank';" href="http://www.myspace.com/Modules/PostTo/Pages/?u={TOPIC_URL}&t={TOPIC_TITLE}">
<img style="max-width:18px;max-height:18px" title="Partager ce sujet sur MySpace" alt="Partager ce sujet sur MySpace" src="http://www.leroidugazon.fr/images/share/myspace.gif">
</a>
</span>
<span style="padding-right:15px">
<a onclick="this.target='_blank';" href="http://del.icio.us/post?url={TOPIC_URL}&title={TOPIC_TITLE}">
<span title="Partager ce sujet sur Del.icio.us">Del.icio.us</span>
</a>
<a onclick="this.target='_blank';" href="http://del.icio.us/post?url={TOPIC_URL}&title={TOPIC_TITLE}">
<img style="max-width:18px;max-height:18px" title="Partager ce sujet sur Del.icio.us" alt="Partager ce sujet sur Del.icio.us" src="http://www.leroidugazon.fr/images/share/delicious.gif">
</a>
</span>
</div>
<div class="pagination" style="margin:8pt 2pt;float:right"></div>
<hr>
</body>
</html>

--------------------------------------------------

Ou alors, style.css (199 octets) :

#vert{margin:8pt 0;float:left}
strong{font-weight:700}
.cat{padding-right:15px;display:inline}
span{text-align:center}
img{max-width:18px;max-height:18px}
#pagination{margin:8pt 2pt;float:right}

Puis index.html/php (2319 octets) :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title></title>
<meta name="description" content="" />
<link rel="stylesheet" href="1.css" />
</head>
<body>
<div id="vert">
<strong>Partager ce sujet :</strong>
<div class="cat">
<a onclick="this.target='_blank';" href="https://www.facebook.com/share.php?u={TOPIC_URL}">
<span title="Partager ce sujet sur Facebook">Facebook</span>
</a>
<a onclick="this.target='_blank';" href="https://www.facebook.com/share.php?u={TOPIC_URL}">
<img title="Partager ce sujet sur Facebook" alt="Partager ce sujet sur Facebook" src="http://www.leroidugazon.fr/images/share/facebook.gif">
</a>
</div>
<div class="cat">
<a onclick="this.target='_blank';" href="http://twitter.com/home?status={TOPIC_TITLE}: {TOPIC_URL}">
<span title="Partager ce sujet sur Twitter">Twitter</span>
</a>
<a onclick="this.target='_blank';" href="http://twitter.com/home?status={TOPIC_TITLE}: {TOPIC_URL}">
<img title="Partager ce sujet sur Twitter" alt="Partager ce sujet sur Twitter" src="http://www.leroidugazon.fr/images/share/twitter.gif">
</a>
</div>
<div class="cat">
<a onclick="this.target='_blank';" href="http://www.myspace.com/Modules/PostTo/Pages/?u={TOPIC_URL}&t={TOPIC_TITLE}">
<span title="Partager ce sujet sur MySpace">MySpace</span>
</a>
<a onclick="this.target='_blank';" href="http://www.myspace.com/Modules/PostTo/Pages/?u={TOPIC_URL}&t={TOPIC_TITLE}">
<img title="Partager ce sujet sur MySpace" alt="Partager ce sujet sur MySpace" src="http://www.leroidugazon.fr/images/share/myspace.gif">
</a>
</div>
<div class="cat">
<a onclick="this.target='_blank';" href="http://del.icio.us/post?url={TOPIC_URL}&title={TOPIC_TITLE}">
<span title="Partager ce sujet sur Del.icio.us">Del.icio.us</span>
</a>
<a onclick="this.target='_blank';" href="http://del.icio.us/post?url={TOPIC_URL}&title={TOPIC_TITLE}">
<img title="Partager ce sujet sur Del.icio.us" alt="Partager ce sujet sur Del.icio.us" src="http://www.leroidugazon.fr/images/share/delicious.gif">
</a>
</div>
</div>
<div id="pagination"></div>
<hr>

--------------------------------------------------

La version avec le CSS externe est plus propre et sera mieux apprécié par les robots car moins de truc inutile à regarder.

StefouFR · 30 Novembre 2012

Edit :
Attention, dans le code que je t'ai fourni, <link rel="stylesheet" href="1.css" /> à modifier par <link rel="stylesheet" href="style.css" /> pour que cela corresponde à mon exemple.