La Communauté Webmaster  forum rss


  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] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  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





Voir le Profil    E-Mail
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil    E-Mail
Répondre avec citation

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





Voir le Profil    E-Mail
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil    E-Mail
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil    E-Mail
Répondre avec citation

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





Voir le Profil    WWW
Répondre avec citation

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





Voir le Profil    E-Mail
Répondre avec citation

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  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg