Problème de bord arrondi
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de bord arrondi
Bonjour,
Voila j'ai un soucis avec mon forum mes bord arrondit déconne voila comment ça donne:
L’arrondis sur les coté est très fin et ça ne donne pas bien du tout.
Je n'arrive pas a modifier, voila mon css complet:
Pouvez vous me dire quel est le problème? et m'aider? merci d'avance
Voila j'ai un soucis avec mon forum mes bord arrondit déconne voila comment ça donne:
L’arrondis sur les coté est très fin et ça ne donne pas bien du tout.
Je n'arrive pas a modifier, voila mon css complet:
- Code:
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
.bodyline {
-moz-border-radius:10px;
}
.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #COULEUR solid;
}
.accueil-ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}
.accueil-li{
float: left;
margin-left:6px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
}
.accueil-li:hover{
margin-left:6px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
}
.accueil-contenu{
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
.postdetails.poster-profile a img
{
border: 6px SOLID #FFAE5C; /*La bordure*/
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;}
.ombre
{text-shadow: #000000 1px 1px 1px;}
a:hover {
text-decoration: none !important;
}
a { text-decoration: none; }
a:hover {
text-shadow: 1px 1px 1px #000000;
}
a:hover {
font-variant: small-caps;
}
div.infobulle_avatar em {
display:none;
}
div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
.postdetails.poster-profile textarea { background-color:#000000; }
input,textarea, select {
color : CODE COULEUR;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : CODE COULEUR;
border-radius: 9px 9px;
-moz-border-radius: 9px;
}
/*DEBUT NOUVELLE PAGE D'ACCUEIL*/
/* effet de transparance image */
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
/*-----------------inffobulles----------------- */
div.infobulle
{
position: relative;
float: left;
color:#a37050;
}
div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;
}
/* style de l infobulle */
div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #563e25; /* couleur du fond de l'infobulle */
color: #a37050; /* couleur du texte */
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
border-color:#DAB291; /* couleur des bordures */
border-style:solid;
border-width:1px 1px 1px 1px;
}
/*-----------------Titres----------------- */
.titre{
color:#DAB291; /* couleur de la police */
font-weight: bold; /* épaisseur de la police en gras */
font-size: 14px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieur */
margin: 4px; /* marge extérieur */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
border-bottom: 2px dotted #DAB291; /* soulignement en pointillé */
}
/*-----------------Boites----------------- */
.boite{
color:#DAB291; /* couleur de la police */
text-align : center; /* alignement du texte */
font-size: 12px; /* taille de la police */
}
.boite1{
color:#DAB291; /* couleur de la police */
font-size: 12px; /* taille de la police */
}
/*-----------------Navigation----------------- */
.chatling{
padding: 4px; /* marge intérieur */
margin: 3px; /* marge extérieur */
border: 2px dotted #DAB291; /* soulignement en pointillé */
border-left: none;
border-right: none;
width: 190px;/* taille à ne pas toucher */
display : block;
}
.titre {border-bottom: 2px dotted #DAB291;
}
/*-----------------staff----------------- */
.staff{
text-align: right; /* alignement du texte */
border-bottom: 2px solid #000000; /* bordure */
display : block;
}
/*FIN NOUVELLE PAGE D'ACCUEIL*/
a.mainmenu:link, a.mainmenu:visited{
background-color: #654A39;
border-left: 1px solid #654A39;
border-right: 1px solid #654A39;
-moz-border-radius:6px;
border: 1px #654A39
double;
}
a {
outline: none;
}
body {
background-repeat: no-repeat;
}
body{
background-position: top center;
}
barre1{
background-color:#D9E5F5;border: 5px #2D81EA solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:left;
text-decoration: none !important;
height:auto}
.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:200px;}
.groupes{
background-color:#D9E5F5;border: 1px #2D81EA dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;
height:auto}
.code {
background-color: #17120E; /* couleur du fond */
border:1px #7B573D dashed; /* bordure */
-border-radius: 10px; /* tous les côtés sont arrondis */
-moz-border-radius: 10px; /* tous les côtés sont arrondis */
-webkit-border-radius: 10px; /* tous les côtés sont arrondis */
color: #7B573D; /* couleur du texte */
}
.quote {
background-color: #17120E; /* couleur du fond */
border:1px #7B573D dashed; /* bordure */
-border-radius: 10px; /* tous les côtés sont arrondis */
-moz-border-radius: 10px; /* tous les côtés sont arrondis */
-webkit-border-radius: 10px; /* tous les côtés sont arrondis */
color: #7B573D; /* couleur du texte */
}
.spoiler_closed{
background-color: #17120E; /* couleur du fond */
border:1px #7B573D dashed; /* bordure */
-border-radius: 10px; /* tous les côtés sont arrondis */
-moz-border-radius: 10px; /* tous les côtés sont arrondis */
-webkit-border-radius: 10px; /* tous les côtés sont arrondis */
color: #7B573D; /* couleur du texte */
}
.spoiler_content{
background-color: #17120E; /* couleur du fond */
border:1px #7B573D dashed; /* bordure */
-border-radius: 10px; /* tous les côtés sont arrondis */
-moz-border-radius: 10px; /* tous les côtés sont arrondis */
-webkit-border-radius: 10px; /* tous les côtés sont arrondis */
color: #7B573D; /* couleur du texte */
}
.atelierprof {
text-align:center;
padding:9px;
background-color:#17120E;
-moz-border-radius:10px;
border:1px #7B573D dashed; /* bordure */
}
/*contour des catégories*/
.forumline{
border:5px solid #17120E;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;}
/*titres des forums*/
.titresfora{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 5px solid #17120E;
font-size: 11px;
height: 20px;
padding: 5px;
position: relative;
text-align: center;
width: 200px;}
/*description dans les forums*/
.forum-description {
margin: auto;
padding: 10px;
color: #17120E;
border: 5px solid #17120E;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*derniers messages*/
.forum-stats {
-moz-border-radius: 20px;
webkit-border-radius: 20px;
border-radius: 20px;
border: 5px solid #17120E;
font-size: 11px;
padding: 5px;
text-align: center;
}
Pouvez vous me dire quel est le problème? et m'aider? merci d'avance
Dernière édition par titevivi le Sam 27 Aoû 2011 - 23:40, édité 1 fois
Re: Problème de bord arrondi
Bonjour,
Essayez en ajoutant ceci à votre css:
Cordialement.
Essayez en ajoutant ceci à votre css:
- Code:
.secondarytitle{
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;}
Cordialement.
Invité- Invité
Re: Problème de bord arrondi
Merci ça a marcher mais pas pour la barre annonce,ni la page d'accueil, ni pour le dessous des catégorie, au fait j'aimerais que tous soit arrondi, mais regarder ce que ça donne sur mon forum c'est plus simple http://graphique-de-stars.forum-actif.net/forum.htm
Et quand j'ouvre un forum ce n'est pas arrondi non plus
Et quand j'ouvre un forum ce n'est pas arrondi non plus
Re: Problème de bord arrondi
Bonjour,
On va essayer plus radical alors! Remplacez le code précedent par:
Cordialement.
On va essayer plus radical alors! Remplacez le code précedent par:
- Code:
th, .catHead, .secondarytitle{
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;}
.catBottom{
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
td.row1, td.row2, td.row3, td.row3Right{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
Cordialement.
Invité- Invité
Re: Problème de bord arrondi
Merci beaucoup, ça a arrondi plus que je ne l'espérais sujet résolu!
Sujets similaires
» Problème de bord arrondi dans le portail et dans les messages
» Probleme ccs coins arrondi
» Arrondi des catégories. PROBLEME !
» [Spoiler] Aide !
» Contour de couleur et bord arrondi autour de l'avatar (avec template modifié)
» Probleme ccs coins arrondi
» Arrondi des catégories. PROBLEME !
» [Spoiler] Aide !
» Contour de couleur et bord arrondi autour de l'avatar (avec template modifié)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum