BOUTONS HAUT ET BAS

3 participants

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

Résolu BOUTONS HAUT ET BAS

Message par j-louis Mar 10 Juin 2014 - 22:54

Bonsoir à tous , en espérant être dans la bonne catégorie , voila mon problème , j'ai créé des boutons haut et bas sur mon forum , mais ces boutons restent en bas de la pages , est ce que vous avez une solution pour qu'ils suivent la page quand on fait rouler la molette de la sourie .Merci d'avance pour votre aide .

BOUTONS HAUT ET BAS Captur11


Dernière édition par j-louis le Mer 11 Juin 2014 - 10:59, édité 1 fois
avatar

j-louis
Nouveau membre

Messages : 23
Inscrit(e) le : 20/11/2012

http://aeromodelisme.forumactif.org
j-louis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: BOUTONS HAUT ET BAS

Message par -Tancrède- Mar 10 Juin 2014 - 23:06

oui, c'est très simple, je peux avoir le HTML des boutons STP ?
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: BOUTONS HAUT ET BAS

Message par j-louis Mer 11 Juin 2014 - 8:26

avatar

j-louis
Nouveau membre

Messages : 23
Inscrit(e) le : 20/11/2012

http://aeromodelisme.forumactif.org
j-louis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: BOUTONS HAUT ET BAS

Message par AenigmA Mer 11 Juin 2014 - 9:30

Bonjour,
Tu n'as pas mis la partie css du tuto
https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: BOUTONS HAUT ET BAS

Message par j-louis Mer 11 Juin 2014 - 9:35

Ok , c'est tout ça alors ?
$(function(){
$("body").append('<div class="bouhautbas"><a href="#top"><img src="https://i.servimg.com/u/f39/11/39/31/82/vers-h10.png" /></a> <a href="#bottom"><img src="https://i.servimg.com/u/f39/11/39/31/82/vers-b11.png" /></a></div>');
});
avatar

j-louis
Nouveau membre

Messages : 23
Inscrit(e) le : 20/11/2012

http://aeromodelisme.forumactif.org
j-louis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: BOUTONS HAUT ET BAS

Message par -Tancrède- Mer 11 Juin 2014 - 10:16

Bonjour, je ne sais pas quel tuto vous avez suivi, mais si vous avez accès aux templates, je peux vous en donner un autre (le javascript c'est définitivement pas mon truc ^^)

Dans Affichage->template->général->Overal_footer_end, collez ce code juste entre </script> et </body> (c'est a la fin), publiez la template en cliquant sur  Ajout 
Code:
<div class="ascenseur"><br/>
<a href="#top"><img src="http://i39.servimg.com/u/f39/11/39/31/82/vers-h11.png"> </img></a>
   <br />
<a href="#bottom"><img src="http://i39.servimg.com/u/f39/11/39/31/82/vers-b12.png"> </img></a>
</div>



Dans le panneau d'admin->Affichage->couleurs->Onglet feuille de style collez ce code :
Code:
/*ascenseur*/

/*ici on place les flèches sur l'écran*/
.ascenseur{
z-index:100;
position:fixed;
Top:300px;
right:1px;
background-color:transaprent;
}

/*ici c'est pour que les flèches soient un peu transparente, et deviennent opaque au survol*/
a[href="#bottom"]{
-webkit-transition:all 0.35s ease-in-out;
   -moz-transition:all 0.35s ease-in-out;
     -o-transition:all 0.35s ease-in-out;
        transition:all 0.35s ease-in-out;
opacity:0.8;
}
a[href="#bottom"]:hover{
opacity:1;
}
a[href="#top"]{
-webkit-transition:all 0.35s ease-in-out;
   -moz-transition:all 0.35s ease-in-out;
     -o-transition:all 0.35s ease-in-out;
        transition:all 0.35s ease-in-out;
opacity:0.8;
}
a[href="#top"]:hover{
opacity:1;
}


/*Fin ascenseur*/
Vous pouvez voir le résultat sur mon forum ! (A droite Smile)
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: BOUTONS HAUT ET BAS

Message par j-louis Mer 11 Juin 2014 - 10:59

OK , nickel ça fonctionne , merci à tous les 2 pour l'aide .
avatar

j-louis
Nouveau membre

Messages : 23
Inscrit(e) le : 20/11/2012

http://aeromodelisme.forumactif.org
j-louis a été remercié(e) par l'auteur de ce sujet.

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


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