Bordures pour catégories/widget/forums arrondis

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

Résolu Bordures pour catégories/widget/forums arrondis

Message par Invité le Sam 21 Mai 2011 - 21:53

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. Embarassed Sinon, je suis prête à apporter les compléments nécessaires.

Cordialement


Dernière édition par Lydie1 le Lun 23 Mai 2011 - 22:41, édité 3 fois

Invité
Invité


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

Résolu Re: Bordures pour catégories/widget/forums arrondis

Message par Invité le Dim 22 Mai 2011 - 21:55

Up

Invité
Invité


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

Résolu Re: Bordures pour catégories/widget/forums arrondis

Message par Gorgorbey le Dim 22 Mai 2011 - 22:00

Bonjour,

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

Amicalement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Bordures pour catégories/widget/forums arrondis

Message par Invité le Dim 22 Mai 2011 - 22:05

scratch 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 !!

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bordures pour catégories/widget/forums arrondis

Message par Gorgorbey le Dim 22 Mai 2011 - 22:30

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 Wink


Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Bordures pour catégories/widget/forums arrondis

Message par Invité le Lun 23 Mai 2011 - 22:32

Bonsoir Gorgorbey,

Honte à moi, Embarassed 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. Very Happy

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

Cordialement

Invité
Invité


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

Résolu Re: Bordures pour catégories/widget/forums arrondis

Message par Gorgorbey le Lun 23 Mai 2011 - 22:36

Bonsoir,

Pas de soucis^^

Essaye ce code Wink
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;
}

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Bordures pour catégories/widget/forums arrondis

Message par Invité le Lun 23 Mai 2011 - 22:40

ça marche !!! cheers

Milles mercis Gorgorbey pour ton aide précieuse !!

Amicalement

Invité
Invité


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

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


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