[Absolution V2] Boutons haut de page

Image Toutes les demandes de support touchant au style de votre forum.
Règles du forum
[Nom exact du style] Description de votre problème
Verrouillé
Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : 21 novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

[Absolution V2] Boutons haut de page

Message par 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 :arrow: 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. hmmmm

Donc voici mon overall_header.htm

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

Merci d'avance pour votre aide.
Cordialement OptimaluS

sub60
[-V.I.P-]
[-V.I.P-]
Messages : 156
Enregistré le : 09 avril 2012
Hébergeur(s) : phpbb-services
Localisation : Oise

Re: [Absolution V2] Boutons haut de page

Message par sub60 »

Hello,
OptimaluS a écrit : 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) :clin:

Code : Tout sélectionner

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

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : 21 novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par OptimaluS »

Bonjour Sub60

Je vais regarder, mets il me semble bien l'avoir mit dans le common.css
Cordialement OptimaluS
Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : 21 novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par OptimaluS »

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

tatav76
Membre Tranquility
Membre Tranquility
Messages : 202
Enregistré le : 08 janvier 2013
Hébergeur(s) : monarobase
Localisation : 89
Contact :

Re: [Absolution V2] Boutons haut de page

Message par 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
Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : 21 novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par 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 , :grrr:
Cordialement OptimaluS

tatav76
Membre Tranquility
Membre Tranquility
Messages : 202
Enregistré le : 08 janvier 2013
Hébergeur(s) : monarobase
Localisation : 89
Contact :

Re: [Absolution V2] Boutons haut de page

Message par 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 :clin:
Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : 21 novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par 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.
Cordialement OptimaluS

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 12007
Enregistré le : 19 avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: [Absolution V2] Boutons haut de page

Message par Steph »

Salut,

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

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : 21 novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par OptimaluS »

Bonsoir Steph,

J'ai tout rafraîchi Steph hmmmm

Voici mon overall_header.html actuellemnt

:arrow: http://code.empreintesduweb.com/3254.html
Cordialement OptimaluS
Verrouillé

Retourner vers « Support Styles phpBB3 »