[Résolu] Placement d'un bouton j'aime facebook - Forum Javascript / DOM / Ajax

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  [Résolu] Placement d'un bouton j'aime facebook

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: [Résolu] Placement d'un bouton j'aime facebook (Lu 2051 fois)

[Résolu] Placement d'un bouton j'aime facebook
« sur: le 03-09-2011 a 17:21:24 »

rollordie13
Membre récent

Hors-Ligne

Messages: 11

Bonjour !

Voila j’appelle à l'aide parce que je bloque...

Je vous expose mon problème

Tout d'abord voici la page du site en question : http://walking.stream.free.fr/walking-dead-saison-1-episode-1.html

Sur cette page vous remarquerez le bloc "titre de la news" en l’occurrence ici "Walking Dead | saison 1 épisode 1"

Bref mon souhait serait de mettre à droite de ce titre un bouton "j'aime" est évidemment après je pourrais le répétais sur plusieurs pages différente...

Mais je n'y comprend rien je n'arrive pas du tout à le placé correctement et c'est le bordel quoi ^^

si quelqu’un peut m'aider sa serais simpas merci !

voici mon code html de la page :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<title>Walking Stream | Walking Dead - Episode 1 Français - Days Gone Bye</title>
<META NAME="Description" CONTENT="Rick Grimes, policier de profession, se réveille à l’hôpital suite à un coma, après s’être fait tirer dessus. A son réveil, il découvre avec stupeur que le monde tel qu’il l’a connu a radicalement....">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

<div id="main">
<div id="header"></div>
<div id="content">
<div id="menu">
<ul>

<li><a href="index.php">Accueil</a></li>
<li><a href="saison-walking-dead.html">Episode</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Contact</a></li>

</ul>
</div>

<div id="sidebar">

<div class="widget-header">Publicité</div>

<div class="widget-content">
<script type="text/javascript">
   var advst_zoneid = 33066;
   var advst_width = 300;
   var advst_height = 250;
   var advst_border_style = "solid";
   var advst_border_color = "000000";
   var advst_title_color = "336699";
   var advst_title_bgcolor = "FFFFFF";
   var advst_text_color = "000000";
   var advst_text_bgcolor = "FFFFFF";
   var advst_url_color = "008000";
   var advst_url_bgcolor = "FFFFFF";
   var advst_page_scan = 1;
   var advst_withpos = 1;
   var advst_parrainage = "0";
</script>
<script type="text/javascript" src="http://ad.advertstream.com/advst_p.php"></script>
<noscript>
   <a href="http://ad.advertstream.com/adsclick.php?what=zone:33066&inf=no&n=" target="_blank">
   <img src="http://ad.advertstream.com/ads.php?what=zone:33066&inf=no&n=" border="0" alt=""></a>
</noscript>
</div>
<div class="widget-footer"></div>

<div class="widget-header">Le T'chat</div>

<div class="widget-content">
<object width="301" height="360" id="obj_1314819485377"><param name="movie" value="http://walking-stream.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1314819485377&a=E8E8E8&b=60&c=6CA7BE&f=50&l=999999&q=999999&r=100&s=1"/><embed id="emb_1314819485377" src="http://walking-stream.chatango.com/group" width="301" height="360" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1314819485377&a=E8E8E8&b=60&c=6CA7BE&f=50&l=999999&q=999999&r=100&s=1"></embed></object>
</div>
<div class="widget-footer"></div>

</div>

<div id="news">

<div class="news-header">Walking Dead | Saison 1 épisode 1 </div>
<div class="news-content">

<object width='435' height='274'><param name='movie' value='https://video.google.com/get_player?docid=0B7NUXBPyfYmlMmM4N2MzN2YtYzIzMS00MGNlLTg5ZmMtMzk4NTlmMDkyN2Nh&ps=docs&partnerid=30'></param><param name='allowFullScreen' value='true'></param><param name='allowScriptAccess' value='always'></param><embed src='https://video.google.com/get_player?docid=0B7NUXBPyfYmlMmM4N2MzN2YtYzIzMS00MGNlLTg5ZmMtMzk4NTlmMDkyN2Nh&ps=docs&partnerid=30' type='application/x-shockwave-flash' allowfullscreen='true' allowScriptAccess='always' width='435' height='274'></embed></object>
<a href="saison-2-episodes-walking-dead.html"><img src="images/telecharger.png" alt="RSS" style="border:none" /></a>

</div>
<div class="news-footer"></div>

</div>

<div class='clear'></div>
</div>
<div id="footer">
<div id="copyright">Crée par Babé - Copyright 2011 </div>
</div>
</div>

<script type="text/javascript">
var advst_glob_scan = 1;
</script>
<script type="text/javascript" src="http://ad.advertstream.com/advst_f.php?affiliate=14263"></script>

</body>
</html>

et mon css au passage ^^ :

Code:
*{padding:0;margin:0;}

body{background:url('images/fond.png') repeat;font-family:Trebuchet MS,sans-serif;}
#main{width:818px;height:auto;margin:0 auto 0 auto}
#header{background:url('images/header.png') no-repeat;height:183px;width:818px;margin-top:15px;}
#content{padding-bottom:5px;background:url('images/contenu-m.png') repeat-y; width:818px;height:auto;}
#menu{background:url('images/menu-m.png') repeat-x;width:800px;height:38px; margin-left:9px;margin-bottom:5px;}
#menu ul li{float:left; list-style:none;padding-left:25px;padding-top:7px;}
#menu ul li a{color:#FFFFFF;text-decoration:none;}
#menu ul li a:hover{text-decoration:underline;}
#news{width:464px;height:auto;float:right;margin-right:19px;}
#sidebar{width:306px;height:auto;float:left;margin-left:19px;}
#footer{background:url('images/footer.png') no-repeat;height:62px;width:818px;position:relative;}
#copyright{color:#FFFFFF;padding-top:17px;padding-left:25px;}

.clear{clear:both;}
.news-header{background:url('images/news-h.png') no-repeat;width:465px;height:39px;padding:18px 0 0 20px;color:#FFFFFF;font-weight:bold; }
.news-content{background:url('images/news-m.png') repeat-y;width:465px;height:auto;padding:5px 15px;}
.news-footer{background:url('images/news-b.png') no-repeat;width:465px;height:21px;margin-bottom:10px;}

.widget-header{background:url('images/widget-h.png') no-repeat;width:235;height:38px;padding:18px 0 0 20px;color:#FFFFFF;font-weight:bold;}
.widget-content{background:url('images/widget-m.png') repeat-y;width:230;height:auto;padding:0px 0px;}
.widget-footer{background:url('images/widget-b.png') no-repeat;width:35;height:21px;margin-bottom:10px;}

« Dernière Édition: le 05-09-2011 a 01:42:18 par Pad »

Rapporter au modérateur

Re:Placement d'un bouton j'aime facebook
« Répondre #1 sur: le 03-09-2011 a 19:04:43 »

Wolf18
Guru

Hors-Ligne

Sexe: Male

Messages: 1343

En gros, il faudrait que tu utilises le "float" de CSS :

http://openweb.eu.org/articles/initiation_float

Rapporter au modérateur

Création de sites internet sur mesure Var (PACA) | Webdesign, découpage/codage, programmation, référencement
Communauté GTA5 francophone
Partageons l'actualité jeux-video

Re:Placement d'un bouton j'aime facebook
« Répondre #2 sur: le 03-09-2011 a 19:56:19 »

rollordie13
Membre récent

Hors-Ligne

Messages: 11

Bin ui mais le problème c'est que le float et déjà réglé pour être à gauche ( pour les titre )

Rapporter au modérateur

Re:Placement d'un bouton j'aime facebook
« Répondre #3 sur: le 03-09-2011 a 21:07:31 »

rollordie13
Membre récent

Hors-Ligne

Messages: 11

Sa y est j'ai réussit merci mais maintenant j'ai un deuxième soucie j’aimerais que ce bouton soit unique pour chaque page si tu vois ce que je veut dire ^^ si tu as une solution ?

Rapporter au modérateur

Re:Placement d'un bouton j'aime facebook
« Répondre #4 sur: le 03-09-2011 a 22:05:10 »

Wolf18
Guru

Hors-Ligne

Sexe: Male

Messages: 1343

C'est à dire unique pour chaque page ? Par défaut il l'est, si un utilisateur clique sur ce bouton, cela va publier un message sur son mur avec un lien renvoyant sur ta page. Si il clique à partir d'une autre page même topo, c'est automatique ça...

http://developers.facebook.com/

Rapporter au modérateur

Création de sites internet sur mesure Var (PACA) | Webdesign, découpage/codage, programmation, référencement
Communauté GTA5 francophone
Partageons l'actualité jeux-video

Re:Placement d'un bouton j'aime facebook
« Répondre #5 sur: le 04-09-2011 a 04:08:44 »

rollordie13
Membre récent

Hors-Ligne

Messages: 11

Bin non si je mais le même script identique de mon bouton bin je vais avoir le même bouton sur chaque page si sur la page 1 il y 34 j'aime par exemple bin si je reprend le meme script et que je le mais sur la page 2 bin yaura aussi 34 j'aime est non 0

Rapporter au modérateur

Re:Placement d'un bouton j'aime facebook
« Répondre #6 sur: le 04-09-2011 a 11:14:26 »

Wolf18
Guru

Hors-Ligne

Sexe: Male

Messages: 1343

J'ai le même script sur toutes mes pages et je n'ai aucun soucis... As-tu tester au moins avant d'affirmer cela ?

Rapporter au modérateur

Création de sites internet sur mesure Var (PACA) | Webdesign, découpage/codage, programmation, référencement
Communauté GTA5 francophone
Partageons l'actualité jeux-video

Re:Placement d'un bouton j'aime facebook
« Répondre #7 sur: le 04-09-2011 a 15:12:49 »

rollordie13
Membre récent

Hors-Ligne

Messages: 11

Bin oui regarde : page 1 : http://walking.stream.free.fr/walking-dead-saison-1-episode-1.html

pages 2 : http://walking.stream.free.fr/walking-dead-saison-1-episodes-2.html

j'ai copier le même script sur la deuxième page est voila et exactement le même nombre de j'aime d'un coté sa me semble logique.

Rapporter au modérateur

Re:Placement d'un bouton j'aime facebook
« Répondre #8 sur: le 04-09-2011 a 16:59:16 »

Wolf18
Guru

Hors-Ligne

Sexe: Male

Messages: 1343

Normal, tu n'utilises pas le bon script pour ton bouton. Le script que tu as mis en place est celui indiquant le nombre de personnes qui aiment ta page Facebook "Walking Stream"... C'est entre autre pour ça que je t'avais un lien vers la rubrique développeurs de FB mais il faut te macher le travail alors tiens, prends le bon code :

Code:
<script src="http://connect.facebook.net/fr_FR/all.js#xfbml=1"></script><fb:like href="" layout="button_count" show_faces="false" font="verdana"></fb:like>

Il est personnalisable, je te renvoie sur le lien qui va bien si tu veux le modifier

Rapporter au modérateur

Création de sites internet sur mesure Var (PACA) | Webdesign, découpage/codage, programmation, référencement
Communauté GTA5 francophone
Partageons l'actualité jeux-video

Re:Placement d'un bouton j'aime facebook
« Répondre #9 sur: le 04-09-2011 a 18:10:04 »

rollordie13
Membre récent

Hors-Ligne

Messages: 11

A oui effectivement sa change tout... désoler j'avais cru que tu m’envoyai un lien qui me semblé pas me convenir mais non au contraire.

Encore merci c'est nikel

Rapporter au modérateur