Contour catégories
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Re: Contour catégories
Bonsoir,
il sufit de mettre ce code css :
Cordialement.
il sufit de mettre ce code css :
- Code:
.forumline {
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
border-radius:20px;
padding : 7px;
}
Cordialement.
Dernière édition par Macema le Lun 3 Oct 2011 - 7:45, édité 1 fois
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Contour catégories
J'ai essayer mais ça ne fonctionne pas.
ça marche surement que avec le navigateur firefox, moi j'ai google chrome et explorer.
Mais pourtant sur le forum ou j'ai fait imprime écran je vois leur catégorie arrondis comme l'image ci-dessus avec google chrome.
ça marche surement que avec le navigateur firefox, moi j'ai google chrome et explorer.
Mais pourtant sur le forum ou j'ai fait imprime écran je vois leur catégorie arrondis comme l'image ci-dessus avec google chrome.
Re: Contour catégories
Dans ce code vous avez firefox (moz), chrome & opera (webkit), IE 9 (les anciennes versions ne prennent pas en compte les arrondis) & navigateurs modernes (border) ainsi que d'autres moins usités (khtml)
Donc sous chrome les arrondis devraient apparaitre. Essayez d'augmenter les arrondis, passez les 20 à 50. Dites moi si cela change quelque chose.
Cordialement.
Donc sous chrome les arrondis devraient apparaitre. Essayez d'augmenter les arrondis, passez les 20 à 50. Dites moi si cela change quelque chose.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Contour catégories
J'ai modifier mais rien n'a changer , ces peut etre parce que j'ai déja plusieurs foix ".forummine" dans mon CSS ?!
J'ai essayer d' ajouter le code à la suite mais ça ma écrit erreur.
J'ai essayer d' ajouter le code à la suite mais ça ma écrit erreur.
Re: Contour catégories
Si vous avez .forumline plusieurs fois, effectivement cela peut buguer l'effet. Pouvez-vous me fournir votre css ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Contour catégories
Le voici :
- Code:
/***APPARENCE FORUM***/
body {
background-position: top center;
background-repeat: no-repeat;
background-image: url(http://nsa27.casimages.com/img/2011/10/03/111003012847737423.png);
}
.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #7c477f;
font-family: Georgia ;
font-size: 11px;
text-align: center;
left: 100px;
}
.secondarytitle h2 { display:inline; }
.infos {
margin: 0; padding: 0;
color: #000000;
font-family: Georgia ;
font-size: 15px;
}
#add-google{ border: 0px line #9e9e9e; }
.fond_magique{
background-image:url(http://nsa27.casimages.com/img/2011/08/17/110817015319900493.png) !important;
}
/***APPARENCE CAT-FO***/
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url("http://");
padding:2px 3px;}
.forumline{
background-image:url("http://");
border-bottom: 7px #CFC2A6 solid;
border-top: 7px #CFC2A6 solid;
border-right: 2px #CFC2A6 solid;
border-left: 2px #CFC2A6 solid;
}
a.forumlink {
text-decoration: none;
background-color: #;
border-bottom: 0px solid #ECF0F6;
border-top: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-right: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-left: 0px solid #ECF0F6;
display:block;
}
a.forumlink{
-moz-border-radius: 1px 1px 1px 1px;
background-color: #;
border-bottom: 0px solid #AECECC;
colorAECECC;
font-family: Georgia;
font-size: 17px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}
a.forumlink:hover {
text-transform:none;
}
.attachbox dt {
text-transform:none;
}
/***P.A***/
.boxtitle {
background-color: #D2E3D1;
color: #;
border-bottom: 0px hand #749CA3;
font-weight:bold;
text-decoration:none;
font-size: 12px;
margin:0px 5px 0px 0px;
padding: 3px 10px 3px 10px;
display: block;
text-align : center;
}
.box {
background-color: #F1EFE3;
color: #4E87B2;
border: 0px solid #749CA3;
font-size:12px;
margin: 0px;
padding: 3px 10px 3px 10px;
width: auto;
}
.att {
background-color: #BEC7CA;
color: #AD1F31;
border: 0px solid #749CA3;
font-weight: bold;
font-size:11px;
text-align: center;
margin: 0px;
padding: 0px;
width: auto;
}
.li {
list-style-position: outside;
list-style-type: circle;
}
#subnav A:link, #subnav A:visited, #subnav A:active {
background-color: #BEC7CA;
color: #DC394C;
border-bottom: 0px hand #648183;
text-transform: lowercase;
text-decoration:none;
font-size: 11px;
display: block;
text-align : center;
padding: 2px;
line-height: 12px;
display: block;
}
#subnav A:hover {
background-color: #BEC7CA;
color: #4E87B2;
border-bottom: 0px hand #88A6A8;
text-transform: lowercase;
}
/***DESCRIPTION FORUM***/
#def {
display: block;
background-color: #;
border: 0px solid #A3CCCA;
text-align: center;
font-size: 11px;
color:#45407A;
font-face: Trebuchet MS;
width: 70%;
}
.links a:link, .links a:active, .links a:visited {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #A3CCCA;
border-bottom: 0px dotted #A3CCCA;
font-size: 0px;
}
.links a:hover {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #A3CCCA;
border-bottom: 0px hand #6B797E;
font-size: 0px;
}
/***LIENS FORUM***/
.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}
a.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}
a.gensmall:hover{
font-size : 11px;
text-transform: capitalize;
}
a.imginfo { /* INFOBULLES */
position: relative;
color: #A3CCCA; /* couleur de votre texte */
text-decoration: none;
border-bottom: 0px #7c477f solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
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é */
top: 10px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: A3CCCA;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #A3CCCA; /* vos couleurs et taille de bordures */
border-right: 3px solid #A3CCCA;
border-top: 3px solid #A3CCCA;
border-bottom: 5px solid #A3CCCA;
}
/***DIVERS***/
blockquote {
width: 600px;
border: 1px solid #8EA3A4;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
letter-spacing:2px;
font-size: 12px;
text-align: left;
background-image:url('http://2img.net/i/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
}
.fiche {
width: 610px;
border: 1px solid #809399;
font-size: 11px;
color:#E3393A;
font-family: Comic Sans MS;
text-align: left;
}
.titre {
font-family: Tahoma;
font-size: 110%;
text-transform: uppercase;
background-image: URL(" ");
border-bottom: 1px dashed #ffffff;
color: #141414;
text-align: left;
border-left: 2px solid #B4B6B;
border-right: 2px solid #B4B6B;
}
.stitre {
border-bottom : 1px solid #799799;
font-size: 15px;
color:#E3393A;
text-transform:lowercase;
letter-spacing:2px;
text-align: right;
width: 600px;
}
.profstats {
font-size : 10px;
}
.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}
/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}
.statistiques{
border:0px;
width:995px;
background-image: url("http://img193.imageshack.us/img193/5492/085copie.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}
.groupes{
background-color:#dae5e0;border: 1px #565656 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:12px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}
.post .name{text-shadow: #000000 1px 1px 2px;}
.gensmall {text-shadow: #7D7465 0px 0px 0px;}
.montablo{
background-color: #9CA5A8;
color: #727F84;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}
.tstaff{font-size:2 em;}
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
background-color: #A3CCCA;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }
.infobulle span img{border: 1px groove;padding: 2px;}
.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}
.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}
ul, li{
list-style: none;
}
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 7px;
color: ;
background: #21000E;
border: 1px solid #121212;
cursor: pointer;
margin-bottom: -1px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;}
.mon_onglet:hover{
background:#21000E;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 7px;
color: ;
background: #21000E;
border-top: 1px solid #21000E;
border-right: 1px solid #DBB764;
border-left: 1px solid #DBB764;
border-bottom: 1px solid #DBB764;
cursor: pointer;
margin-bottom: -1px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px; }
.clear{
clear: both;
}
.mon_contenu{
color: ;
background: #E6D1A1;
border: 2px solid #DBB764;
padding: 2px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px; }
#mes_contenus, #mes_onglets{
width: 100%;
}
.forumline{
border: 15px solid # ;}
.maintitle
{
margin-top:525px;
}
.row1.over span.gensmall
{
display: none
}
a.forumlink:hover {
color: #C0C0C0;
background-color: #
}
.vava{
background-color: #dae5e0;
padding: 3px;
-moz-border-radius: 3px;
border: 2px solid #8ec3c1
}
.post .name{
font-size: 21px;
font-family: garamond;
text-align: center;}
.postdetails.poster-profile{
font-size: 10px;
font-family: Trebuchet MS;
}
.row3 { TEXT-TRANSFORM: uppercase; FONT-FAMILY: small fonts; COLOR: #c08c44; FONT-SIZE: 1px; FONT-WEIGHT: normal; text-shadow: 1px 1px 1px #000000; color: black; }.
.arrondis {
border: 0px solid black;
-moz-border-radius: 8px;
border-radius:8px;
-webkit-border-radius:8px;}.
/*titre des catégories*/
.secondarytitle{
background-color: #couleur de votre choix pour le fond;
}
.secondarytitle, .secondarytitle h2{
color : #couleur de votre choix pour la police;
text-align:center;
background-color: transparent;
}
.stats{
background-image: url(http://img850.imageshack.us/img850/985/37220702.png);
padding: 3px;
text-align: center;}
.dermessage{
background-color: #a52a2a;
border: 1px dashed #a0522d;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
padding: 3px;
text-align: center;}
Re: Contour catégories
- Code:
.forumline{
background-image:url("http://");
border-bottom: 7px #CFC2A6 solid;
border-top: 7px #CFC2A6 solid;
border-right: 2px #CFC2A6 solid;
border-left: 2px #CFC2A6 solid;
}
ajoutez dans ce code les codes pour les arrondis directement avant le }
- Code:
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
border-radius:20px;
padding : 7px;
. puis regardez à partir de chrome ^^. Cela devrait aller maintenant
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Contour catégories
Waaa ces parfait !!
Merci beaucoup.
Je met ce sujet résolu, encore merci ^^.
Bonne soirée.
Merci beaucoup.
Je met ce sujet résolu, encore merci ^^.
Bonne soirée.
Sujets similaires
» Épaissir le contour des catégories
» Mettre un espace entre le contour du forum et les bordures des catégories
» Supprimer contour des catégories
» Arrondir catégories + contour
» Invision : épaissir le contour des catégories
» Mettre un espace entre le contour du forum et les bordures des catégories
» Supprimer contour des catégories
» Arrondir catégories + contour
» Invision : épaissir le contour des catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum