Créer une "barre" en haut.

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

Résolu Créer une "barre" en haut.

Message par AimeForum le Sam 21 Sep - 20:42

Bonsoir, j'aimerais savoir, comment créer une sorte de barre en haut du forum qui défile lorsque l'on descend dans la page, où il y a marquer par exemple Accueil, Membres etc.
J'espère avoir été assez clair Wink
Merci.

AimeForum
*

Messages : 36
Inscrit(e) le : 19/09/2013

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

Résolu Re: Créer une "barre" en haut.

Message par Self le Sam 21 Sep - 20:47

Bonsoir ^^.

Est-ce ce type de barre que vous désirez ?
Si c'est le cas appliquer le tutoriel Wink .

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Créer une "barre" en haut.

Message par AimeForum le Dim 22 Sep - 11:23

Oui c'est bien de cette barre là que je parle, mais j'aimerais que lorsque je descend dans ma page, et bien cette barre descend également.
J'aimerais aussi savoir comment enlever la barre noir en haut où il y a marquer ForumActif avec une barre de recherche, partager avec les icônes twitter, facebook etc.
Merci.Very Happy 

AimeForum
*

Messages : 36
Inscrit(e) le : 19/09/2013

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

Résolu Re: Créer une "barre" en haut.

Message par Self le Dim 22 Sep - 14:32

Bonjour ^^.

Il me semble que dans le tutoriel, la barre reset fixe et donc lorsque vous déscendez dans votre forum la barre est toujours en haut de votre écran Wink .

Pour enlever la toolbar il faut aller dans:

Arrow Panneau d'administration
Arrow Modules
Arrow Toolbar
Arrow Configuration
Right "Activer la toolbar :" , cochez non
Right :enreg: 

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Créer une "barre" en haut.

Message par AimeForum le Dim 22 Sep - 16:45

Merci !
J'ai bien réussi à enlever la toolbar, mais par contre, la barre en haut ne défile pas lorsque je descend, pourtant j'ai suivi le tuto à la lettre, et je ne l'ai modifié qu'après à ma façon, mais elle ne descendais déjà pas avant.
Tu peux aller regarder sur mon site si tu le souhaite.
Merci ! Smile

AimeForum
*

Messages : 36
Inscrit(e) le : 19/09/2013

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

Résolu Re: Créer une "barre" en haut.

Message par Self le Dim 22 Sep - 16:49

Bonsoir ^^.

Désoler, c'est moi qui me suis tromper dans le tuto elle n'est pas fixe, essayez de remplacer le code:
Code:
.navig {
position: absolute;
top: 0px;
width: 100%;}
Par celui-ci:
Code:
.navig {
position: fixed;
top: 0px;
width: 100%;}
Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Créer une "barre" en haut.

Message par AimeForum le Dim 22 Sep - 16:54

Merci ça fonctionne !
Mais par contre, n'y a-t-il pas un moyen de la mettre fixe et de la mettre également au milieu ? Je pense que oui, car je l'ai vu sur certains forums.
Merci ! Smile

AimeForum
*

Messages : 36
Inscrit(e) le : 19/09/2013

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

Résolu Re: Créer une "barre" en haut.

Message par Self le Dim 22 Sep - 16:59

@AimeForum a écrit:Mais par contre, n'y a-t-il pas un moyen de la mettre fixe et de la mettre également au milieu ? Je pense que oui, car je l'ai vu sur certains forums.
Re ^^.

Je n'ais pas bien compris, auriez vous un forum ou il y à cela histoire de mieux comprendre ?

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Créer une "barre" en haut.

Message par AimeForum le Dim 22 Sep - 17:05

Voici de quoi je parle :


La barre est à la fois fixe, elle descend dans la page, et elle est au milieu ( car moi, j'ai choisi de ne pas la mettre dans toute la largeur du forum. )
Merci ! Smile

AimeForum
*

Messages : 36
Inscrit(e) le : 19/09/2013

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

Résolu Re: Créer une "barre" en haut.

Message par Self le Dim 22 Sep - 17:25

Re ^^.

Dans ce cas le code devrais donner par exemple:
Code:
.navig {
position: fixed;
top: 0px;
width: 70%;
margin:auto;}
Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Créer une "barre" en haut.

Message par AimeForum le Dim 22 Sep - 17:29

Ça ne fonctionne pas ! Mad 

AimeForum
*

Messages : 36
Inscrit(e) le : 19/09/2013

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

Résolu Re: Créer une "barre" en haut.

Message par AenigmA le Lun 23 Sep - 3:35

Bonjour,
Tu peux essayer ainsi :

.navig {
background-color: #CDE0ED;
border-bottom: 2px dashed #FFFFFF;
border-left: 2px dashed #FFFFFF;
border-right: 2px dashed #FFFFFF;
margin: auto auto 10px;
padding-bottom: 10px;
position: relative;
top: 0;
width: 78%;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer une "barre" en haut.

Message par AimeForum le Lun 23 Sep - 16:31

Ton code ne fonctionne pas non plus AenigmA, mais j'ai quand même réussi !
En faite, j'ai rajouté ceci à mon code :

Code:
Left: Valeur;
Right: Valeur;
Et cela a fonctionné !

Merci à tous, je passe en résolu. Wink

AimeForum
*

Messages : 36
Inscrit(e) le : 19/09/2013

AimeForum 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