AwesomeBB : Retour en haut de page

2 participants

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

Résolu AwesomeBB : Retour en haut de page

Message par *Splash* Mar 31 Juil 2018 - 14:10

Hi,

Au footer le retour en haut de page est ainsi :
AwesomeBB : Retour en haut de page Footer10

Comment déplacer l'icône et le texte sur la gauche (comme schématisé sur le screen qui suit) et avoir l'icône qui suive le défilement de la page ?

AwesomeBB : Retour en haut de page Footer11


Dernière édition par *Splash* le Dim 12 Aoû 2018 - 13:34, édité 1 fois
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par Victor-57 Mar 31 Juil 2018 - 14:26

Hey,

Quel script as-tu utilisé ? Smile
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par *Splash* Mar 31 Juil 2018 - 14:30

Alors je m'en suis sorti avec ce code :
Code:
.footer-to-top a {
    background-color: #18ad04;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.22), 0 3px 1px -2px rgba(0,0,0,0.44), 0 1px 5px 0 rgba(0,0,0,0.22);
    color: #ce8c0a;
    position: fixed;
    left: 30px;
    bottom: 60px;
    display: block;
    height: 36px;
    line-height: 36px;
    margin-bottom: -9px;
    margin-top: -9px;
    margin-left: -9px;
    overflow: hidden;
    text-align: center;
    text-indent: .5px;
    width: 36px;
}

Il faudrait juste ajouter une valeur pour que l'icône disparaisse de l'écran une fois en haut de page et qu'elle réapparaisse en d'filant vers le bas

AwesomeBB : Retour en haut de page Sans_t34
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par Invité Mar 31 Juil 2018 - 19:53

hello,
ce style aurait suffit:
Code:

.footer-to-top a
{
left: -108px;
position: relative;
}

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par *Splash* Mar 31 Juil 2018 - 20:02

Non ce code seul laisse l'icône en bas de page

Ce code est mieux :
Code:
.footer-to-top a
{
    position: fixed;
    left: 30px;
    bottom: 60px;
}

Sauf que l'icône est toujours apparent une fois en haut de page


Dernière édition par *Splash* le Jeu 2 Aoû 2018 - 16:46, édité 1 fois
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par Invité Mar 31 Juil 2018 - 20:11

Re,
si tu le dis Very Happy

Ce sera ma dernière intervention avec toi Very Happy
a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par *Splash* Mar 31 Juil 2018 - 20:16

OK
Je te relate juste ce qui se passe sur le forum avec les codes.
Ton code est certe plus épuré mais l'icône reste en bas de page au défilement
Mon code suit le défilement mais ne revient pas en bas une fois le haut de page atteint

Bref, merci à toi
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par *Splash* Jeu 2 Aoû 2018 - 16:47

UP !

J'aimerais que l'icône puisse retourner en bas de page une fois le haut de page atteint
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par *Splash* Sam 4 Aoû 2018 - 21:03

AwesomeBB : Retour en haut de page Arrow_10
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par *Splash* Mar 7 Aoû 2018 - 17:36

AwesomeBB : Retour en haut de page Arrow_10
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Retour en haut de page

Message par *Splash* Mer 8 Aoû 2018 - 18:21

AwesomeBB : Retour en haut de page Arrow_10
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

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