Bordures pour catégories/widget/forums arrondis

[Invité]

Bonsoir,

Je suis en train de mettre les bordures des catégories apparaissant sur l'index mais également dans les forums et les widgets en arrondi. J'ai trouvé différents codes qui m'ont permis de faire ces arrondis pour les en-têtes des catégories et les cellules dans lesquelles apparaissent les titres des catégories et de mes sous-forums.

En image cela donne ceci :

Spoiler:

Par contre, je n'arrive pas à trouver l'indentifiant CSS de l'en tête de la cellule "derniers messages" (encadré rouge sur le screen) ni celui des en-têtes de wdigets (encadré bleu sur le screen) ni du Qui est en ligne. Pour ce dernier, j'ai essayé les 2 indentifiants donnés dans un tuto sur le CSS trouvé sur le forum, mais ils ne fonctionnent pas.

Par ailleurs, j'aimerai pouvoir mettre une bordure autour de chaque zone arrondie afin qu'elle ressorte un peu plus qu'actuellement. Là aussi, j'ai fait des essais en rajoutant des morceaux de codes, mais ces bordures n'apparaissent pas.

Je vous mets mon CSS :

Code:

a, a:link, a:visited{
text-decoration: none;
}

 .module-title
{
color:#4F3A21;
}

        .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #f00;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #f00;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #f00;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #898989;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }

.forumline .row1, .forumline .row2, .forumline .row3
{
-moz-border-radius:11px;
-webkit-border-radius:11px;
-ô-border-radius:11px;
-khtml-border-radius:11px;
border-radius:11px;
}

td.catLeft {
  border-width:0 0 0 0px !important;
}

td.catBottom {
  border-width:0 0px 0px !important;
}

td.catHead {
  border-width:0px 0px 0 !important;
}

td.catRight {
border-width:0 0 0 0px !important;
}

td {
border-width:0 0 0 0px !important;
}

th, td, p {
border-width:0 0 0 0px !important;
}

      /* pour centrer le titre du forum */
    span.forumlink { display: block; padding: 10px; text-align: center; }
    /* pour centrer les liens de sous-forums */
    span.forumforums { display: block; padding: 10px; text-align: center; }
    /* pour aligner le nombre de message et reponse à droite */
    span.foruminfo { text-align: right; display: block; }
    /* pour cacher la description si il y en a une */
    span.forumdesc { display: none; }

/*titre des catégories*/
.secondarytitle, .secondarytitle h2{
          font-size: 17px;
        font-family: Arial;
        color: #2C5728;
          }

/*titre des catégories*/
.forumlink{
          font-size: 16px;
        font-family: Segoe print, Arial;
        color: #306E12;
          }

    span.foruminfo { font-size: 13px; }


 .forumforums a{
font-size: 16px;
font-family: segoe print, arial
}

.bodyline{
border-left: solid 10px #DDDDDD ;
border-right: solid 10px #DDDDDD ;

-moz-box-shadow: 0px 0px 10px #000000;
  box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}

td.bodyline
{
-moz-border-radius:11px;
-webkit-border-radius:11px;
-ô-border-radius:11px;
-khtml-border-radius:11px;
border-radius:11px;
}

.secondarytitle
{
-moz-border-radius:11px;
-webkit-border-radius:11px;
-ô-border-radius:11px;
-khtml-border-radius:11px;
border-radius:11px;
}


Merci par avance aux personnes qui voudront bien m'aider. J'espère avoir été relativement claire dans mes explications. Sinon, je suis prête à apporter les compléments nécessaires.

Cordialement

[Invité]

Up

[Gorgorbey]

Bonjour,

Sur ta capture écran je ne vois pas la fameuse "zone entourée de rouge", c'est normal ?

Amicalement.

[Invité]

Qu'est-ce que j'ai fabriqué là ? Je cours éditer mon 1er message et mettre la bonne capture d'écran ! Dire que je ne m'en étais même pas rendue compte !

Amicalement

Edit : Avec la bonne capture, ça ira mieux ! Merci Gorgorbey !!

[Gorgorbey]

Code:

th
{
-moz-border-radius:11px;
-webkit-border-radius:11px;
-ô-border-radius:11px;
-khtml-border-radius:11px;
border-radius:11px;
border:2px solid;
}

td.catLeft, th.thLeft
{
-moz-border-radius:11px;
-webkit-border-radius:11px;
-ô-border-radius:11px;
-khtml-border-radius:11px;
border-radius:11px;
border:2px solid;
}

Essaye moi ça fonctionne à merveille

[Invité]

Bonsoir Gorgorbey,

Honte à moi, je n'avais pas vu ta réponse. Je viens d'essayer ton code et en effet, j'obtiens bien des en-tête arrondis pour les widgets et les derniers messages.

Merci à toi.

Il me reste maintenant à arrondir l'en-tête du "qui est en ligne".

Cordialement

[Gorgorbey]

Bonsoir,

Pas de soucis^^

Essaye ce code

Code:

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides
{
-moz-border-radius:11px;
-webkit-border-radius:11px;
-ô-border-radius:11px;
-khtml-border-radius:11px;
border-radius:11px;
border:2px solid;
}

[Invité]

ça marche !!!

Milles mercis Gorgorbey pour ton aide précieuse !!

Amicalement