Bonjour,

J'aimerais faire un menu suiveur à bord arrondis, le problème c'est que je ne sais pas quoi mettre pour que les bords soient arrondis et lorsque j'utilise le tuto pour menu suiveur en phbb2 rien ne se passe. =S

Quelqu'un pourrait m'aider ?

Bonne journée

Bonjour,

Qu'est-ce qui ne passe pas ?
Tu veux dire que tu n'arrives pas à installer le menu, ou est-ce juste au sujet des coins arrondis ?
Ces coins, les voudrais-tu que en bas ?

Anyway, voici le code pour mettre les arrondis juste en bas et si tu les veux aux quatre coins, il te suffira de mettre à chaque ligne (pour que tous les navigateurs qui les lisent puissent les voir) la même valeur une seule fois.
Dans le CSS ajoute juste ces lignes :

Code:

.navbarfly { background-color : #ffffff;
border-bottom: 1px solid #afbec7;
-moz-border-radius: 0px 0px 13px 13px;
-webkit-border-radius: 0px 0px 13px 13px;
border-radius: 0px 0px 13px 13px;
}

Dans cette syntaxe les coins arrondis vont dans le sens des aiguilles d'une montre :
top-lef > top-right > bottom-right > bottom-left

Merci beaucoup pour votre réponse mais je n'arrive pas à installer le menu suiveur. =S

Bon mais qu'est-ce qui coince ?
Peut-on avoir le l'adresse de ton forum ?
As-tu bien pris le tuto pour phpBB2 (le premier) si tu n'est pas en SF-BB ?

Plop =D

Voici l'url de mon forum: http://meto.forumactif.com/forum.htm

Là j'ai enlevé le template pour mettre le menu suiveur mais quand je le met il reste au même endroit, seul le css change la barre de navigation.

Et oui j'ai bien prit le phpbb2.

Voici mon template modifié:

Spoiler:

Et le css c'est le même que pour le tuto.

Bonne soirée

Tu oublies qu'il faut aussi mettre cette partie dans ton css

Code:

/*Menu_Suiveur_phpbb2-------------------------------------------------SF*/
body { padding: 0px; margin: 0px; }
.navbarfly { position: fixed; top: 0px; left: 0px; min-width: 100%; width: 100%; padding: 5px; }
.bodylinewidth, .sfbbwidth { margin-top: 50px; }

En plus de ce que tu as déjà

Code:

 .navbarfly { background-color : #ffffff;
background-image: url('http://i84.servimg.com/u/f84/11/44/03/73/bg_con10.gif');
background-repeat: repeat-x;
background-position: bottom left;
border-bottom: 1px solid #afbec7;}

Ah j'ai trop honte :$

Merci beaucoup tout fonctionne, il passe même par dessus la pub. Par contre le widgets twitter à eu raison de lui xD

Bref, je vous embête une dernière fois, comment faut-il fait pour que le menu soit centré ?

Merci beaucoup

Essaie de modifier cette partie dans ton css

Code:

.navbarfly { position: fixed; top: 0px; left: 0px; min-width: 80%; width: 80%; padding: 5px; }

par

Code:

.navbarfly { position: fixed; top center; min-width: 80%; width: 80%; padding: 5px; }

Heu, ca donne un rendu bizarre xD

J'ai vu
Remets comme avant.

Hum

En fait je suis completement perdu =S

Spoiler:

Enlève tout le bas

Code:

/*Barre dde navigation*/
.navbarfly { background-color : #ffffff;
background-image: url('http://i84.servimg.com/u/f84/11/44/03/73/bg_con10.gif');
background-repeat: repeat-x;
background-position: bottom center;
border-bottom: 1px solid #afbec7;}

/*Menu_Suiveur_phpbb2-------------------------------------------------SF*/
body { padding: 0px; margin: 0px; }
.navbarfly { position: fixed; top center; min-width: 80%; width: 80%; padding: 5px; }
.bodylinewidth, .sfbbwidth { margin-top: 40px; }
.navbarfly { background-color : #ffffff;
border-bottom: 1px solid #afbec7;}

.navbarfly { background-color : #ffffff;
border-bottom: 1px solid #afbec7;
-moz-border-radius: 0px 0px 13px 13px;
-webkit-border-radius: 0px 0px 13px 13px;
border-radius: 0px 0px 13px 13px;
}

Et mets à la place ce qui marchait

Code:

/*Menu_Suiveur_phpbb2-------------------------------------------------SF*/
body { padding: 0px; margin: 0px; }
.navbarfly { position: fixed; top: 0px; left: 0px;  min-width: 80%; width: 80%; padding: 5px; }
.bodylinewidth, .sfbbwidth { margin-top: 50px; }

/*Barre de navigation*/
.navbarfly { background-color : #ffffff;
background-image: url('http://i84.servimg.com/u/f84/11/44/03/73/bg_con10.gif');
background-repeat: repeat-x;
background-position:  bottom left;
border-bottom: 1px solid #afbec7;}


.navbarfly { background-color : #ffffff;
border-bottom: 1px solid #afbec7;
-moz-border-radius: 0px 0px 13px 13px;
-webkit-border-radius: 0px 0px 13px 13px;
border-radius: 0px 0px 13px 13px;}

FB ou Ze te diront comment centrer, les positionnements pas trop mon truc ...

J'attendrais donc, je ne suis point pressé

En tout cas merci beaucoup Laurent pour ton aide

Voici la solution, mais délicate à régler !

Code:

 /*Menu_Suiveur_phpbb2-------------------------------------------------SF*/
body { padding: 0px; margin: 0px; }
/*.navbarfly { position: fixed; top: 0px; left: 0px;  min-width: 80%; width: 80%; padding: 5px; }*/
.navbarfly { position: fixed; top: 0px; width: 1050px; left: 50%; margin-left: -525px; padding: 5px; }
.bodylinewidth, .sfbbwidth { margin-top: 50px; }

/*Barre de navigation*/
.navbarfly { background-color : #ffffff;
background-image: url('http://i84.servimg.com/u/f84/11/44/03/73/bg_con10.gif');
background-repeat: repeat-x;
background-position:  bottom left;
border-bottom: 1px solid #afbec7;}


.navbarfly { background-color : #ffffff;
background-position:  center;
border-bottom: 1px solid #afbec7;
-moz-border-radius: 0px 0px 13px 13px;
-webkit-border-radius: 0px 0px 13px 13px;
border-radius: 0px 0px 13px 13px;}

Les réglages dans navbarfly du menu suiveur :
width: 1050px Largeur de ton forum
left: 50% pour centrer on met la moitié
margin-left: -525px La moitié de lta largeur de forum

Ca marche impec on dirait

Hum ..... c'est parfait

Vraiment merci beaucoup

Pourrais-je vous embêter une dernière fois ? Serait-il possible de savoir comment faite pour que le menu soit tout en haut du forum (comme actuellement) mais qu'il reste fixé en haut du forum ? J'hésite entre les deux donc j'aimerais faire des tests. Mais si cela demande trop de modification de votre part ne vous embêté surtout pas, c'est déjà génial comme ça

Explique mieux car là il est en haut, pour le fixer au cadre veux tu dire ?

Yep, pour qu'il reste au dessus de la bannière mais qu'il ne suive pas lorsqu'on descends la page. =S

Dans ce cas ce n'est plus un menu suiveur et tu en perd les avantages d'après moi.
Mais c'est possible

D'accord, et bien je fais laisser comme ça alors

Ça me convient très bien. Merci beaucoup Laurent et Final-Blond

De toute façon il faut aller dans les templates pour coller ...

Esthétiquement tu peux remonter le cadre près de la barre si tu veux, c'est simple.

Dans ton css tu mets :

Code:

table.bodylinewidth {
position: relative;
top: -20px;
}

Merci beaucoup

C'est tout bon Zorg ?
Je peux ranger le sujet ?

Ah oui, c'est en résolu... Merci.


PS : Sorry pour l'absence.