Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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:
Bordures pour catégories/widget/forums arrondis Categi10

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
Anonymous

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
Anonymous

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

Gorgorbey
Membre actif

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

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

Gorgorbey
Membre actif

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
Anonymous

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

Gorgorbey
Membre actif

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
Anonymous

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