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.

changer hauteur bouton

Voir le sujet précédent Voir le sujet suivant Aller en bas

changer hauteur bouton

Message par keraqua le 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

Re: changer hauteur bouton

Message par keraqua le 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

Re: changer hauteur bouton

Message par FredVig le 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)

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: changer hauteur bouton

Message par keraqua le 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

Re: changer hauteur bouton

Message par FredVig le 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é

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: changer hauteur bouton

Message par keraqua le 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

Re: changer hauteur bouton

Message par FredVig le 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…

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: changer hauteur bouton

Message par keraqua le 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

Re: changer hauteur bouton

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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