Imprimer la Page

Forum-webmaster

Technique - programmation => Javascript / DOM / Ajax => Message commencé par: rollordie13 le le 03-09-2011 a 17:21:24

Titre: [Résolu] Placement d'un bouton j'aime facebook
Posté par: rollordie13 le le 03-09-2011 a 17:21:24

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 (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;}

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: Wolf18 le le 03-09-2011 a 19:04:43

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

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

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: rollordie13 le le 03-09-2011 a 19:56:19

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

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: rollordie13 le le 03-09-2011 a 21:07:31

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 ?

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: Wolf18 le le 03-09-2011 a 22:05:10

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/

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: rollordie13 le le 04-09-2011 a 04:08:44

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

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: Wolf18 le le 04-09-2011 a 11:14:26

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 ? ::)

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: rollordie13 le le 04-09-2011 a 15:12:49

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.

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: Wolf18 le le 04-09-2011 a 16:59:16

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:

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

Titre: Re:Placement d'un bouton j'aime facebook
Posté par: rollordie13 le le 04-09-2011 a 18:10:04

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 :)