Contour catégories

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Contour catégories

Message par b2uty Lun 3 Oct 2011 - 0:15

Bonsoir, j'aimerais réussir a arrondir les contours des catégories de mon forum
comme ceci :
Spoiler:

Es que quelqu'un peut m'aider s'il vous plaît ?
Merci d'avance.
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour catégories

Message par SoraNoHime Lun 3 Oct 2011 - 0:59

Bonsoir,

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour catégories

Message par b2uty Lun 3 Oct 2011 - 1:18

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.
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour catégories

Message par SoraNoHime Lun 3 Oct 2011 - 1:24

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.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour catégories

Message par b2uty Lun 3 Oct 2011 - 1:54

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.
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour catégories

Message par SoraNoHime Lun 3 Oct 2011 - 7:46

Si vous avez .forumline plusieurs fois, effectivement cela peut buguer l'effet. Pouvez-vous me fournir votre css ?
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour catégories

Message par b2uty Lun 3 Oct 2011 - 14:06

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;}





b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour catégories

Message par SoraNoHime Lun 3 Oct 2011 - 22:39

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour catégories

Message par b2uty Lun 3 Oct 2011 - 23:44

Waaa ces parfait !!
Merci beaucoup.
Je met ce sujet résolu, encore merci ^^.

Bonne soirée.
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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