L.Shadow
{ Membre }
Messages : 36
| Bonsoir,
Toutes mes excuses si la question a déjà trouvé une réponse... Bien qu'ayant chercher sur le forum, je n'ai pas trouver vraiment comment arrondir les bords des fonds de catégories. Bien évidemment, j'ai regardé tous les sujets avec l'outil rechercher "arrondir les angles", mais je n'ai pas trouvé précisément ce que je cherche.
http://design-hb.forumactif.org/forum.htm
J'aimerais que les couleurs des fonds de catégories suivent la forme du forme arrondi puisque comme vous le voyez, ça dépasse et c'est moche. Merci pour votre aide, voilà mon css.
- Code:
-
.bodyline{ -moz-border-radius: 6px;} a { text-decoration: none; }
textarea, .textarea.post, input.post { -moz-border-radius:4px; }
.bodyline { -moz-border-radius:30px; }
.forumline{ background-color: #A0E2F3; -moz-border-radius: 20px ; border: 3px double #C6FFFC ; padding:2px;}
a.mainmenu { background-color: #A7E6F5; padding-right: 10px; font-weight: bold; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-transform: uppercase; color : #ffffff; font-size: 10px; }
a.mainmenu:hover{ background-color: #07A9A0; padding-right: 10px; font-weight: bold; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-transform: uppercase; color : #ffffff; font-size: 10px; }
a.forumlink { font-variant: small-caps; display:block; text-align: center; border-bottom: 4px solid #07A9A0; font-size:14px; letter-spacing: 4px; padding: 4px 0px 4px 0px; }
a.forumlink:hover{ color:rgb(25,158,170); font-variant: small-caps; font-size: 12px; font-weight: lighter; letter-spacing: 1px; text-align: center; text-shadow: black 1px 1px 2px;}
a.imginfo { position: relative; color: #7d7d7d; text-decoration: none; border-bottom: 0px #7d7d7d 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: 30px; /* on positionne notre infobulle */ left: 20px; background: white; color: 7d7d7d; padding: 3px; }
input,textarea, select { border:2px solid #7d7d7d; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.arrondi { -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; background-image: url (http://i68.servimg.com/u/f68/15/28/65/00/copie_14.png); border: 2px dashed #FF0000; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
.row3 { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.row2 { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.row1 { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#navigation ul{ list-style-type: none; text-align: center; } #navigation li{ display: inline; text-align: center; margin: 0px 10px 0px 0px; } #navigation li a:hover{ background-color: #E2F7FC; color: #B30000; } | | |
|
Tech
{ Membre actif }
Messages : 1378
| Bonsoir, Rajoutes ceci dans ton CSS : - Code:
-
.secondarytitle { -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-radius-topleft: 15px; }
.separation { -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-radius-topright: 15px; } Après, diriges toi dans tes templates. Dans le index_box. Et cherches ceci : - Code:
-
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> CTRL+F pour aller plus viteEt remplaces la partie au dessus par ceci : - Code:
-
<th class="separation" nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> Cela devrait bien fonctionner | | |
|
L.Shadow
{ Membre }
Messages : 36
| C'est exactement ce que je voulais. Mille fois merci pour ton aide =D | | |
|
Tech
{ Membre actif }
Messages : 1378
| De rien. Je classe Au passage, un grand merci d'avoir placé l'icône Résolu | | |
|