Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -50%
-50% Baskets Nike Dunk Low
Voir le deal
64.99 €

changer hauteur bouton

2 participants

Aller en bas

bouton - changer hauteur bouton Empty changer hauteur bouton

Message par keraqua Jeu 1 Jan 2015 - 11:32

Bonjour

J'ai récupéré un code pour installer le bouton facebook sur la droite de mon site.
Malheureusement, il se situe au milieu de la page et une fois ouvert, il touche la barre du haut.
J'aimerais donc le descendre. Je pense qu'il faut que je change "medium" dans le CSS ci dessous, par de nouvelles coordonnées, mais je ne sais pas comment faire.
Code:
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
//]]>
</script>

Pouvez-vous m'aider ?
Merci d'avance

keraqua

Messages : 11
Date d'inscription : 01/01/2015

http://www.keraqua.fr

Revenir en haut Aller en bas

bouton - changer hauteur bouton Empty Re: changer hauteur bouton

Message par keraqua Jeu 1 Jan 2015 - 11:35

mon site pour mieux voir ;-) : www.keraqua.fr

keraqua

Messages : 11
Date d'inscription : 01/01/2015

http://www.keraqua.fr

Revenir en haut Aller en bas

bouton - changer hauteur bouton Empty Re: changer hauteur bouton

Message par FredVig Jeu 1 Jan 2015 - 13:01

modifier le head (voir les tutos)
inscrivez :
.slide_likebox{top:200px!important;}
(mettez la hauteur qui vous plaît)
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

bouton - changer hauteur bouton Empty Re: changer hauteur bouton

Message par keraqua Jeu 1 Jan 2015 - 13:25

merci !
du coup j'intercale cette ligne ? je supprime les 2 "medium" ?

keraqua

Messages : 11
Date d'inscription : 01/01/2015

http://www.keraqua.fr

Revenir en haut Aller en bas

bouton - changer hauteur bouton Empty Re: changer hauteur bouton

Message par FredVig Jeu 1 Jan 2015 - 20:36

Ajoutez juste ça à vos modifications du head, dans la partie css, (si vous avez fait plusieurs parties)
Le script jquery sert juste à paramétrer l'animation de l'onglet, il ne doit pas être modifié
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

bouton - changer hauteur bouton Empty Re: changer hauteur bouton

Message par keraqua Ven 2 Jan 2015 - 16:49

merci pour votre réponse, mais en mettant la ligne indiqué, ça ne marche plus, le bouton fb reste fixe et ne s'ouvre pas.
Je vous mets tout le code pour mieux comprendre :
Code:
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
.slide_likebox"{top:400px!important;}
return false;
});
//]]>
</script>

<style type="text/css">
/*<![CDATA[*/
.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}

/*]]>*/
</style>

keraqua

Messages : 11
Date d'inscription : 01/01/2015

http://www.keraqua.fr

Revenir en haut Aller en bas

bouton - changer hauteur bouton Empty Re: changer hauteur bouton

Message par FredVig Ven 2 Jan 2015 - 18:15

Vous l'avez mis dans le javascript (ce qui neutralise son fonctionnement)
Enlevez la ligne et descendez plus bas, dans le CSS
Vous avez déjà un .slide_likebox, mettez juste top:230px; après .slide_likebox{
Il faut le mettre à la place de l'autre top:140px; évidemment…
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

bouton - changer hauteur bouton Empty Re: changer hauteur bouton

Message par keraqua Ven 2 Jan 2015 - 20:11

parfait je vous remercie pour votre disponibilité !
je pensais pourtant avoir déjà changer cette valeur pour voir le rendu ... mais bon !
bonne continuation !

keraqua

Messages : 11
Date d'inscription : 01/01/2015

http://www.keraqua.fr

Revenir en haut Aller en bas

bouton - changer hauteur bouton Empty Re: changer hauteur bouton

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum