[Absolution V2] Boutons haut de page

[OptimaluS]

Bonjour à tous,

Alors voici mon problème en espérant avoir poster au bonne endroit.
Je souhaiterais mettre un boutons " Retour en Haut " en bas de mon forum.

Voici l'astuce que j'ai trouver et que je vous partage Créer un boutons "Haut de Page" en Jquery

J'ai bien suivit ce tutoriel à la lettre mets je n'arrive pas à le faire fonctionné.
Je pense que c'est au niveau de mon overall_header.html que çà fait conflit avec d'autres code.

Donc voici mon overall_header.htm

http://code.empreintesduweb.com/3252.html

Merci d'avance pour votre aide.

[sub60]

Hello,

J'ai bien suivit ce tutoriel à la lettre

a un détail près, tu a oublier le css (en tout cas je le vois pas)

Code : Tout sélectionner

#btn_up
{
position: fixed;
bottom: 15px;
right: 25px;
cursor: pointer;
display:none;
}

[OptimaluS]

Bonjour Sub60

Je vais regarder, mets il me semble bien l'avoir mit dans le common.css

[OptimaluS]

Je confirme, il se trouve bien dans le common.css et le soucis reste.

[tatav76]

le code marche
mais il faut quand meme ça dans overall_header.html

Code : Tout sélectionner

<div id="btn_up">
<img src="{T_THEME_PATH}/images/fleche.png"  title="Retour en haut"  />
  </div>

et il faut aussi uploadé une image en pgn dans images /styles/prosilver/theme/images
la navigation aime pas trop lol

[OptimaluS]

Pour moi rien ne marche, je t'assure.
J'avais rajouté ce bout de code dans overall_footer.html , je l'est retiré et les mis dans overall_header.html avant la balise Head et aucun résultats non plus.

Je m'arrache les cheveux ,

[tatav76]

j'ai fait comme ça dans overall_header.html

Code : Tout sélectionner

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
  $('#btn_up').click(function() {
    $('html,body').animate({scrollTop: 0}, 'slow');
  });

  $(window).scroll(function(){
     if($(window).scrollTop()<250){
        $('#btn_up').fadeOut();
     }else{
        $('#btn_up').fadeIn();
     }
  });
});
</script>
<div id="btn_up">
<img src="{T_THEME_PATH}/images/fleche.png"  title="Retour en haut"  />
</div>

et ça dans common css

Code : Tout sélectionner

#btn_up
{
position: fixed;
bottom: 15px;
right: 25px;
cursor: pointer;
display:none;
}

et l'image en pgn dans images /styles/prosilver/theme/images

pas de problème
t'arrache pas les cheveux ta la meme chose,la fleche dans chaque message et en plus ça ralenti la navigation donc perd pas ton temp

[OptimaluS]

J'ai fait exactement comme tu à fait mets y'a rien qui va .
Je pense que c'est dans mon overall_header.html , il doit y 'avoir conflit avec autres choses.

[Steph]

Salut,

Ou alors tu n'as pas rafraichi les templates et le thème

[OptimaluS]

Bonsoir Steph,

J'ai tout rafraîchi Steph

Voici mon overall_header.html actuellemnt

http://code.empreintesduweb.com/3254.html