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 2013 - 22: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 2013 - 22: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 2013 - 13: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 2013 - 16: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 2013 - 18: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 2013 - 18: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 2013 - 18: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 2013 - 18: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 2013 - 19: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 2013 - 19: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 2013 - 19: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 2013 - 5: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 2013 - 18: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