[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 : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

[Absolution V2] Boutons haut de page

Message par OptimaluS » ven. 3 mai 2013 17:53

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

Avatar du membre

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

Re: [Absolution V2] Boutons haut de page

Message par sub60 » sam. 4 mai 2013 10:22

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;
}
Forum de démo pour mes styles 3.1.x
Attention..!! les styles pour version de phpBB 3.0, ne sont pas compatible avec la nouvelle version de phpBB 3.1

Avatar du membre

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

Re: [Absolution V2] Boutons haut de page

Message par OptimaluS » sam. 4 mai 2013 17:16

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 : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par OptimaluS » sam. 4 mai 2013 19:06

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


tatav76
Messages : 199
Enregistré le : janvier 2013
Hébergeur(s) : monarobase
Localisation : 89
Contact :

Re: [Absolution V2] Boutons haut de page

Message par tatav76 » sam. 4 mai 2013 21:56

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 : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par OptimaluS » sam. 4 mai 2013 22:15

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
Messages : 199
Enregistré le : janvier 2013
Hébergeur(s) : monarobase
Localisation : 89
Contact :

Re: [Absolution V2] Boutons haut de page

Message par tatav76 » sam. 4 mai 2013 23:06

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 : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par OptimaluS » sam. 4 mai 2013 23:13

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

Avatar du membre

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

Re: [Absolution V2] Boutons haut de page

Message par Steph » sam. 4 mai 2013 23:42

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 : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Boutons haut de page

Message par OptimaluS » dim. 5 mai 2013 00:05

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 »