bonjour à vous
voila sur mon forum "San Francisco life"
j'ai su mettre un cadre pour les descriptions des catégories et aussi des onglets pour les racourcis

voici le lien pour voir http://girlyacademy.allgoo.net/index.htm

la je viens de tomber sur ce forum http://have-fun-in-holidays.forumotion.com/forum.htm

et je trouve leur onglet et leur contour de description bien plus classe en faite
alors es ce qui serait possible de savoir ce que je dois motifier dans mes codes pour que ceux ci est cette apparence

mercii

les codes pour onglet

CSS:

Code:

/* lien onglet */

.def {
background-color: #7e9b51;
-moz-border-radius:5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;}

Code:

<a class="def" href="http://girlyacademy.allgoo.net/presentations-en-cours-des-etudiants-f152/">Présentations en cours des Etudiants</a>

et les codes pour description de catégorie:

Code:

<div style="background-color: rgb(126, 155, 81); -moz-border-radius: 15px 15px 15px 15px; color: White; text-align: center;"><font size="1"><br><font size="2">Pour que les autres apprennent à vous connaitre, venez vous présenter ici !
                <br><font color="Red">/!\Il est obligatoire de se présenter avant de pouvoir poster dans les parties roleplay du forum /!\</font><br></font><br></font></div>

merci pour votre aide =)

Bonjour.

Plus classe ne permet pas de définir avec précision ce que vous recherchez.
Couleur ? Double contour ? Effet ? ....

ben le fait que ce soit rectangle (description) le double contour, idem pour les onglets quoi
moi quand on regarde sur mon site c'est tout banal et simple

désolé de mettre mal expliquer ^^

Pour les coins en angle, c'est la configuration normal. C'est la propriété -moz-border-radius:5px; qui définie l'arrondi. Si vous voulez des bordure carré il vous faut donc ne pas la définir.

Merci beaucoup c'est impeccable pour le cadre des descriptions
juste un dernier soucis avec les onglets
j'ai testé pour faire comme l'exemple montré mais moi ça fais pas de jolie onglet
le contour double entour tout donc ça fait un ovale et pas vraiment un jolie onglet
je sais pas trop comment expliquer mais voici le lien du forum test ou j'ai tout testé ce que tu m'as dit plus haut

http://creationfg.bbflash.net/index.htm

y'a une différence en faite avec mes onglets (site ci dessus) et les siens :/ (site exemple plus haut)

Ok.

Pour ça il faut faire passer le cadre suivant par dessus avec ce code CSS : position:relative;z-index:1;

Raaa merci mille fois <3
c'est super gentil de ta part
je sais pas si je peux osé mais
dans le code qu'es ce que je peux modifier pour que mes onglets soit un peu plus arrondie??
ensuite promis je te laisse tranquille

Tu peux osé.
Mais tu aurais aussi peut me lire plus attentivement :

Citation :

Pour les coins en angle, c'est la configuration normal. C'est la propriété -moz-border-radius:5px; qui définie l'arrondi. Si vous voulez des bordure carré il vous faut donc ne pas la définir.

Il faut donc augmenter la valeur du radius (-moz-border-radius:5px;).

Et comme on est sur le bord arrondi, je vais aussi te dire que cette propriété est exclusive à Firefox, et que pour l'appliquer au plus grand nombre il faut ajouter :

Code:

-webkit-border-radius:5px;
border-radius:5px;

Avc la même valeur pour les 3 bien sûr.

Seul MSIE fera comme toujours de la résistance.

pfff jsuis bête c'est vrai que tu l'as noté plus haut
désolé :/
en tout cas merci pour ton aide
c'est trés gentil
plus qu'à retoucher et mise en place =)
mille merci a toi