Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

AwesomeBB : Retour en haut de page

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 : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur 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

Voir le profil de l'utilisateur 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 : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur 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 Milouze14 Mar 31 Juil 2018 - 19:53

hello,
ce style aurait suffit:
Code:

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

a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 6550
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 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 : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur 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 Milouze14 Mar 31 Juil 2018 - 20:11

Re,
si tu le dis Very Happy

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

Milouze14
Membre actif

Masculin
Messages : 6550
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 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 : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur 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 : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur 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 : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur 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 : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur 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 : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur 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


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