Forum de Graphisme - Best of Graph'
Les inscriptions au forum sont maintenant fermée, en effet, nous ne trouvons pas juste de faire s'inscrire des membres pour rien, vu que le forum en dans un état actuellement passif.
Merci, bien à vous!
BOG.

Remarque : la partie publique du forum, tutoriels, ... restent actifs.

Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous


Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

Arkantos22

avatar
Administrateur
Bonjour,

Ce tutoriel est un complément du tutoriel suivant :

[PunBB] Mettre la barre de navigation au-dessus

Il faut que vous ayez suivi un des ces-deux tutoriels pour pouvoir faire celui-ci.

Bien, maintenant commençons.
Nous allons faire en sorte de fixer la barre de navigations en haut du forum.
Comme ça, elle sera toujours au-dessus de votre écran même si vous descendez plus bas sur la page.

Allez dans Panneau d'administration > Affichage > Images et couleurs > Couleurs > Onglet Feuille de style CSS.

Pour PunBB :

Insérer ce-code dans votre feuille CSS :

Code:
.navig
{
  position: fixed; /* La barre de navigation reste collée au-dessus de la page */
  top: 0px; /* Pas d'espace entre la barre et le haut de page */
  width: 100%; /* la barre prend toute la place sur la largeur possible */
  z-index: 999; /* la barre de navigation passe au-dessus de tout */
}

Voilà, alors comme habitude, vous pouvez modifier ce-code pour le rendre plus esthétique. Very Happy
K-Surf

avatar
Membre
Bonjour,

regarde ce que sa fais sur mon forum de test: http://k-surf.forumactif.fr/
http://serialdesigner.forumactif.fr/
Arkantos22

avatar
Administrateur
Faut pas mettre un attribut "float" pour tes liens.
Je crois que c'est ça le problème. Wink

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé
K-Surf

avatar
Membre
C'est a dire? Voici de le CSS de ma barre de navigation:

Code:
/*BARRE DE NAVIGATION*/
.mainmenu {
background-color: transparent;
background-image: url(http://img11.hostingpics.net/pics/337991bgmenu.png);
background-position: center top;
background-repeat: repeat-y;
border-bottom-color: #2BA8AA;
border-bottom-style: solid;
border-bottom-width: 1px;
position: fixed;
height: 20px;
line-height: 20px;
text-align: center;
top: 0;
width: 100%;
z-index: 999;
}
http://serialdesigner.forumactif.fr/
Arkantos22

avatar
Administrateur
Déjà, il faut mettre ceci à la place de ton code actuel Wink :

Code:
/*BARRE DE NAVIGATION*/
.mainmenu {
background-color: transparent;
background-image: url(http://img11.hostingpics.net/pics/337991bgmenu.png);
background-position: center top;
background-repeat: repeat;
border-bottom-color: #2BA8AA;
border-bottom-style: solid;
border-bottom-width: 1px;
position: fixed;
height: 20px;
line-height: 20px;
text-align: center;
top: 0;
width: 100%;
z-index: 999;
}

Après, t'as pas un truc avec tes liens ?

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé
K-Surf

avatar
Membre
C'est a dire accueil...? Non j'ai pas d'image avec.
http://serialdesigner.forumactif.fr/
K-Surf

avatar
Membre
Toujours meme problème. Tu veux je te mette admin?
http://serialdesigner.forumactif.fr/
K-Surf

avatar
Membre
Donc j'ai réussi, c'est ton code qui est movais. Revois ce tutoriel Wink

http://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum

C'est dans tes Template que tu te trompe
http://serialdesigner.forumactif.fr/
Arkantos22

avatar
Administrateur
Ok, en tout cas sur PunBB il fonctionne...

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé
K-Surf

avatar
Membre
J'allais dire sa et je conseil de dire c'est pour quelle version tes codes parce que j'ai forer pleins de code en utilisant tes codes qui sont pour les PunBB et non Phpbb2 et 3
http://serialdesigner.forumactif.fr/
Arkantos22

avatar
Administrateur
Ils sont censés fonctionner sur PhpBB2 aussi, je l'ai avais tester lors de la mise en ligne du tuto...

Enfin, je vais le retirés. Wink

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé
K-Surf

avatar
Membre
Je te le dit sa marche pas et sur forum des forumactif il mette deux version différentes.
http://serialdesigner.forumactif.fr/
Arkantos22

avatar
Administrateur
Je sais. Wink

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé
Contenu sponsorisé


Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]


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

 

Optimisé pour Mozilla Firefox et Google Chrome
Tous droits reservés - Copyright 2011-2013