1 [Résolu] Bordures à supprimer 15/11/2010, 02:58
Lyress
(Membre)
Bonjour,
http://yggdrasill.forumpro.eu/index.htm
Je voudrais supprimer les bordures ci-dessous :
CSS :
Template Index_Box :
Edit : j'ai réussi à supprimer les fines bordures, par-contre celles qui sont au haut et en bas de la cellule (les grosses bordures bleues) restent injustifiées. :/
http://yggdrasill.forumpro.eu/index.htm
Je voudrais supprimer les bordures ci-dessous :
- Spoiler:
CSS :
- Spoiler:
- Code:
.my_forum_name {
text-align: center;
}
.my_cat_body {
text-align: center;
}
.bodyline {
border: none;
background-color: transparent;
}
.transtable { background-color: transparent; border-top: 2px #006699 solid; border-bottom: 2px #006699 solid; background-image:none;}
a:hover{
text-decoration: none !important;
color : #dd6900;
}
body { padding: 0px; margin: 0px; }
.navbarfly { position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 0.px; /*--- On le place à 50 px du haut de l'écran ---*/
left:490px; /*--- On le place à 0px de la gauche de l'écran ---*/
width: auto;
height: 25px;
padding: 2px;
z-index: 999;
background-color:#c7cac6; /* couleur de fond */
background-repeat:no-repeat; /* repetition du fond */
background-position:center center; /* position du fond */
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border:1px solid #323630; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portee */
box-shadow: 0px 0px 5px #000; /* ombre portee */
opacity: 0.8; /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacite pour ie */ }
.navbarfly a {
list-style: none;
text-align: left;
color: #d57735;
font-weight: bolder;
text-decoration: none;
font-size: 10;
display: inline-block;
padding: 1px;
margin: 3px;
text-shadow: 0px 0px 1px #949286;
}
.navbarfly a:hover {
color: #2d0a18;
}
.navbarfly a, .navbarfly a:hover {
-moz-transition:1s ease;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.index {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 0.px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 390px; /*--- On le place à 0px de la gauche de l'écran ---*/
width: auto;
height: 25px;
padding: 2px;
z-index: 999;
background-color:#c7cac6; /* couleur de fond */
background-repeat:no-repeat; /* repetition du fond */
background-position:center center; /* position du fond */
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border:1px solid #323630; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portee */
box-shadow: 0px 0px 5px #000; /* ombre portee */
opacity: 0.8; /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacite pour ie */
}
.index a {
list-style: none;
text-align: left;
color: #d57735;
font-weight: bolder !important;
text-decoration: none;
font-size: 10;
display: inline-block;
padding: 1px;
margin: 3px;
}
.index a:hover {
color: #2d0a18;
text-shadow: 1px 0px 1px #323630;
}
.navigation { position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 50px; /*--- On le place à 50 px du haut de l'écran ---*/
left:0px; /*--- On le place à 0px de la gauche de l'écran ---*/
width: auto;
height: 25px;
padding: 2px;
z-index: 999;
background-color:#c7cac6; /* couleur de fond */
background-repeat:no-repeat; /* repetition du fond */
background-position:center center; /* position du fond */
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border:1px solid #323630; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portee */
box-shadow: 0px 0px 5px #000; /* ombre portee */
opacity: 0.8; /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacite pour ie */ }
.index {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 0.px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 390px; /*--- On le place à 0px de la gauche de l'écran ---*/
width: auto;
height: 25px;
padding: 2px;
z-index: 999;
background-color:#c7cac6; /* couleur de fond */
background-repeat:no-repeat; /* repetition du fond */
background-position:center center; /* position du fond */
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border:1px solid #323630; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portee */
box-shadow: 0px 0px 5px #000; /* ombre portee */
opacity: 0.8; /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacite pour ie */
}
.index ul li a {
list-style: none;
text-align: left;
color: #d57735;
font-weight: bolder;
text-decoration: none;
font-size: 10;
display: inline-block;
}
.index ul li a:hover {
color: #2d0a18;
text-shadow: 1px 0px 1px #323630;
}
.index ul li {
list-style: none;
text-align: left;
color: #d57735;
font-weight: bolder;
text-decoration: none;
font-size: 10;
}
.index ul li a:hover {
color: #2d0a18;
text-shadow: 1px 0px 1px #323630;
}
.membres {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 0.px; /*--- On le place à 50 px du haut de l'écran ---*/
right: 15px; /*--- On le place à 0px de la gauche de l'écran ---*/
width: auto;
height: 25px;
padding: 2px;
z-index: 999;
background-color:#ead2ee; /* couleur de fond */
background-repeat:no-repeat; /* repetition du fond */
background-position:center center; /* position du fond */
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
-moz-border-radius-bottomright: 14px;
-moz-border-radius-bottomleft: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
border:1px solid #dd87fa; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portee */
box-shadow: 0px 0px 5px #000; /* ombre portee */
opacity: 0.8; /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacite pour ie */
}
.membres ul li a {
list-style: none;
text-align: left;
color: #dd87fa;
font-weight: bolder;
text-decoration: none;
font-size: 10;
display: inline-block;
}
.membres ul li a:hover {
color: #2d0a18;
text-shadow: 1px 0px 1px #323630;
}
.membres ul li {
list-style: none;
text-align: left;
color: #dd87fa;
font-weight: bolder;
text-decoration: none;
font-size: 10;
}
.membres ul li a:hover {
color: #7e06a3;
text-shadow: 1px 0px 1px #323630;
}
.recherche {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 45.px; /*--- On le place à 50 px du haut de l'écran ---*/
right: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
width: 95px;
height: 22px;
padding: 2px;
z-index: 999;
background-color:#bcce3c; /* couleur de fond */
background-repeat:no-repeat; /* repetition du fond */
background-position:center center; /* position du fond */
-webkit-border-top-left-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
-moz-border-radius-topleft: 14px;
-moz-border-radius-bottomleft: 14px;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
border:1px solid #008000; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portee */
box-shadow: 0px 0px 5px #000; /* ombre portee */
opacity: 0.8; /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacite pour ie */
}
.recherche ul li a {
list-style: none;
text-align: left;
color: #008000;
font-weight: bolder;
text-decoration: none;
font-size: 10;
display: inline-block;
}
.recherche ul li {
list-style: none;
text-align: left;
color: #008000;
font-weight: bolder;
text-decoration: none;
font-size: 10;
display: inline-block;
}
.recherche ul li a:hover {
color: #5e6d04;
text-shadow: 1px 0px 1px #323630;
}
.recherche ul li a, .recherche ul li a:hover {
-moz-transition: color 1s ease;
-webkit-transition: color 1s ease;
transition: color 1s ease;
}
.index ul li a, .index ul li a:hover {
-moz-transition: color 1s ease;
-webkit-transition: color 1s ease;
transition: color 1s ease;
}
.membres ul li a, .membres ul li a:hover {
-moz-transition: color 1s ease;
-webkit-transition: color 1s ease;
transition: color 1s ease;
}
#submenu ul li a, #submenu ul li a:hover {
-moz-transition: color 1s ease;
-webkit-transition: color 1s ease;
transition: color 1s ease;
}
.recherche ul{margin:5;padding-left:6; padding-right:11;}
.membres ul{margin:5;padding-left:10; padding-right:10;}
.index ul{margin-top:3;padding-left:11; padding-right:11;}
.navigatio ul{margin-top:1;padding-left:15; padding-right:11;}
.navigatio {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 35px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
width: auto;
height: 25px;
padding: 2px;
z-index: 999;
background-color:#c7cac6; /* couleur de fond */
background-repeat:no-repeat; /* repetition du fond */
background-position:center center; /* position du fond */
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border:1px solid #323630; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portee */
box-shadow: 0px 0px 5px #000; /* ombre portee */
opacity: 0.8; /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacite pour ie */
}
.navigatio ul li {
color: white;
font-weight: bold;
text-decoration: none;
font-size: 11;
display: list-item;
}
.navigatio ul {
list-style: none;
text-align: left;
}
.navigatio ul li a {
list-style: none;
text-align: left;
color: #d57735;
font-weight: none;
text-decoration: none;
font-size: 11;
display: inline-block;
padding: 1px;
margin: 3px;
}
.name {
border: 2px solid blue;
}
.tout_qeel{
padding: 5px;
}
.group {
font-size : 9px;
text-align : center;
display: inline;
/position: relative;
text-decoration: none;
padding: 3px;
margin: 0px;
-moz-border-radius: 7px 7px 0px 0px ;
-webkit-border-radius: 7px 7px 0px 0px ;
border-radius:7px 7px 0px 0px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* image transparente pour IE 7 et 8 */
background:rgba(69,139,116,0.4) !important; /* fond transparent pour Firefox et autres compatibles */
background-color: #458B74; /* couleur normale pour tous les navigateurs à la traine */
border: 2px solid rgba(255,185,15, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
border-bottom: none !important;
}
.group a:link{text-decoration:none}
.group:hover {
text-shadow: 1px 0px 1px #000000;
}
a.infobulle_rang{
position: relative; /*POSITION DE L'INFOBULLE */
}
a.infobulle_rang em {
display:none; /*POUR NE PAS L'AFFICHER */
}
a.infobulle_rang:hover{
border: 0;
text-decoration: none; /* EVITE LE SOULIGNEMENT DU TEXTE */
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit l'ordre d'affichage */
}
a.infobulle_rang:hover em {
margin-top /***/: -9px9; /*hack css pour position avec IE8*/
/margin-top: 9px; /*hack css pour position avec IE7*/
font-style: normal; /*STYLE DU TEXTE */
display: inline; /* ON LE DEFINI EN LIGNE */
position: absolute; /* LA POSITION */
top: 10px;
left: 45px;
padding: 2px;
text-decoration: none;
-moz-border-radius: 3px 7px 3px 7px ;
-webkit-border-radius: 3px 7px 3px 7px ;
border-radius:3px 7px 3px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/tsom10.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(220,215,211,0.7) !important; /* Firefox et autres compatibles */
background-color: #458B74; /* Pour tous les navigateurs à la traine */
border: 2px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
width:200px;
}
.rotation:hover{
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
}
.rotation:hover{
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.rotation{
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.gauche{ /* Fond, couleur et autre pour la partie gauche */
border:1px solid #c8c092;
color:#000 !important;
padding: 3px;
-moz-border-radius: 20px 0px 0px 20px ;
-webkit-border-radius: 20px 0px 0px 20px ;
border-radius:20px 0px 0px 20px ;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(69,139,116,0.4) !important; /* Firefox et autres compatibles */
background-color: #242424; /* Pour tous les navigateurs à la traine */
border: 4px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
border: 4px solid #b28f4c; /* Pour tous les navigateurs à la traine */
}
div.info_gauche em {
display:none;
}
div.info_gauche:hover {
background: none; /* pour corriger un bug present sur IE */
z-index: 999; /* l'ordre d'affichage*/
cursor: hand; /* pour modifier le curseur */
position: relative;
text-decoration:none;
border: 0;
}
div.info_gauche:hover em { /* Configuration des infobulles de gauche, fond, couleur, position etc */
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 12px;
left: 25px;
border:1px solid #c8c092;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/231.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(69,139,116,0.4) !important; /* Firefox et autres compatibles */
background-color: #458B74; /* Pour tous les navigateurs à la traine */
border: 2px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
width:auto;
}
.rotation-d:hover{
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
}
.rotation-d:hover{
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.rotation-d{
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.droite{
border:1px solid #c8c092;
color:#000 !important;
padding: 3px;
-moz-border-radius: 0px 20px 20px 0px ;
-webkit-border-radius: 0px 20px 20px 0px ;
border-radius:0px 20px 20px 0px ;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(69,139,116,0.4) !important; /* Firefox et autres compatibles */
background-color: #242424; /* Pour tous les navigateurs à la traine */
border: 4px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
border:4px solid #b28f4c; /* Pour tous les navigateurs à la traine */
}
div.info_droite em {
display:none;
}
div.info_droite:hover {
background: none; /* pour corriger un bug present sur IE */
z-index: 999; /* l'ordre d'affichage afin qu'il soit au dessus */
cursor: hand; /* pour modifier le curseur */
position: relative;
text-decoration:none;
border: 0;
}
div.info_droite:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 10px;
right: 25px;
border:1px solid #c8c092;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/231.png) repeat 0 0 !important; /* Pour IE 7 et 8 */
background:rgba(69,139,116,0.4) !important; /* Firefox et autres compatibles */
background-color: #458B74; /* Pour tous les navigateurs à la traine */
border: 2px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
width:auto;
}
.texte_rotation{
float: left;
margin-top: -78px;
margin-left: 140px;
padding: 3px;
color: #dbff8d;
border:1px solid #c8c092;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
-moz- text-shadow: 0px 0px 3px #000;
-webkit- text-shadow: 0px 0px 3px #000;
text-shadow: 0px 0px 3px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=2);
zoom: 1;
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* image transparente pour IE 7 et 8 */
background:rgba(69,139,116,0.4) !important; /* fond transparent pour Firefox et autres compatibles */
background-color: #458B74; /* couleur normale pour tous les navigateurs à la traine */
border: 2px solid rgba(255,185,15, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
}
.texte_rotation:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz- text-shadow: 0px 0px 3px #cc0000;
-webkit- text-shadow: 0px 0px 3px #cc0000;
text-shadow: 0px 0px 3px #cc0000;;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cc0000', Direction=140, Strength=2);
zoom: 1;
}
.texte_rotation_2{
float: right;
margin-top: -78px;
margin-right: 140px;
padding: 3px;
color: #dbff8d;
border:1px solid #c8c092;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
-moz- text-shadow: 0px 0px 3px #000;
-webkit- text-shadow: 0px 0px 3px #000;
text-shadow: 0px 0px 3px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=2);
zoom: 1;
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* image transparente pour IE 7 et 8 */
background:rgba(69,139,116,0.4) !important; /* fond transparent pour Firefox et autres compatibles */
background-color: #458B74; /* couleur normale pour tous les navigateurs à la traine */
border: 2px solid rgba(255,185,15, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #b28f4c; /* Pour tous les navigateurs à la traine */
}
.texte_rotation_2:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz- text-shadow: 0px 0px 3px #cc0000;
-webkit- text-shadow: 0px 0px 3px #cc0000;
text-shadow: 0px 0px 3px #cc0000;;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cc0000', Direction=140, Strength=2);
zoom: 1;
}
.texte_rotation{
-moz-transition: 1s ease;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.texte_rotation:hover{
-moz-transition: 1s ease;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.texte_rotation_2{
-moz-transition: 1s ease;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.texte_rotation_2:hover{
-moz-transition: 1s ease;
-webkit-transition: 1s ease;
transition: 1s ease;
}
span .forumlink{
-moz-border-radius: 9px 9px 0px 0px; /* coins arrondis*/
-webkit-border-radius: 9px 9px 0px 0px; /* coins arrondis*/
border-radius: 9px 9px 0px 0px; /* coins arrondis*/
border-width: 1px 1px 0px 1px; /* largeur de la bordure*/
border-style: solid; /* style de la bordure */
border-color: #161210; /* couleur de la bordure */
background-color: #53504b; /* couleur de fond */
position: relative; /* positionnement */
margin-left: 20px; /* marge à gauche */
padding: 2px ; /* marge interieur */
margin-bottom: -1px; /* marge negative en bas */
/margin-bottom: -5px; /*correction marge negative pour IE7*/
}
span a.forumlink {
color:#fda564; /* couleur du texte */
letter-spacing: 1px; /* espacement de lettre */
text-align:center; /* alignement du texte */
font-size:12px; /* taille du texte */
}
span a.forumlink:hover {
color: #f8b25f; /* couleur du texte au survol */
}
.description_forum{
background-color: #a4bdbd; /* couleur de fond */
border: 1px solid #161210; /*largeur de la bordure son style sa couleur*/
-moz-border-radius:9px; /* coins arrondis*/
-webkit-border-radius:9px; /* coins arrondis*/
border-radius:9px; /* coins arrondis*/
padding: 6px; /* style de la bordure */
}
.lien_bas{
float: left; /* flottant à gauche */
margin-top: -5px; /* marge négative en haut */
margin-left: 100px; /* marge à droite */
-moz-border-radius: 0px 0px 9px 9px; /* coins arrondis*/
-webkit-border-radius: 0px 0px 9px 9px; /* coins arrondis*/
border-radius: 0px 0px 9px 9px; /* coins arrondis*/
border: 1px solid #161210;
border-top: none;
background-color: #53504b; /* couleur de fond */
padding: 4px; /* marge intérieur */
}
.sujets_messages{
float: right; /* flottant à droite */
margin-right: 70px; /* marge à droite */
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
border: 1px #161210 solid; /* couleur de la bordure */
background-color: #53504b; /* couleur de fond */
padding: 2px ; /* marge intérieur */
margin-bottom: -18px;
border-bottom: none;
}
.dernier_messages{
float: right; /* flottant à droite */
margin-right: 30px; /* marge extérieur à droite*/
margin-top: -7px; /* marge negative vert le haut */
-moz-border-radius: 0px 0px 9px 9px; /* coins arrondis*/
-webkit-border-radius: 0px 0px 9px 9px; /* coins arrondis*/
border-radius: 0px 0px 9px 9px; /* coins arrondis*/
border-width: 0px 1px 1px 1px; /* largeur de la bordure*/
border-style: solid; /* style de la bordure */
border-color: #161210; /* couleur de la bordure */
background-color: #53504b; /* couleur de fond */
padding: 2px; /* marge intérieur */
}
.texte_description{
background-color: #2a2720;
border: 1px solid #161210;
margin-bottom: -14px;
padding: 7px;
/margin-bottom : 0px; /* correction pour IE7 */
}
.forumcell{ background-color: #1d2426;
padding: 2px;
margin:2px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
Border: 4px double#808080;
text-align: center;
}
.forumcell:hover{ background-color: #1E2838;
Border: 4px double black;
-moz-box-shadow: 0px 0px 25px black;
-webkit-box-shadow: 0px 0px 25px black;
box-shadow: 0px 0px 25px black;}
.forumcell{
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 075;
opacity: 0.75;}
.forumcell {
width: 32%;
text-align: center;
position: relative;
}
.forumcell hr {border-color: #006598;}
.forumline{
-moz-border-radius: 10px 10px 10px10px ;
border-bottom: 4px #1D3C40 solid;
border-top: 4px #1D3C40 solid;
border-right: 2px #1D3C40 solid;
border-left: 2px #1D3C40 solid;}
.accueil .forumline{
background-color: transparent !important;
border: none !important;
}
.accueil .row1{
background-color: transparent !important;
border: none !important;
}
/* selon votre forum et sa hiérarchie, il faudra peut être rajouter le code suivant */
.accueil td.catHead{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}
Template Index_Box :
- Spoiler:
- Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}
{CURRENT_TIME}
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<div class="my_cat"> <ul></ul> </div>
<div class="my_cat_body">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="0" cellpadding="0">
<div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<table cellspacing="0" cellpadding="0" class="forumcell" border="0" style="display: inline-table;"><tr><td style="padding: 3px;">
<div class="backcorner2" style="background-image: url('{catrow.forumrow.FORUM_FOLDER_IMG}'); background-position: right; background-repeat: no-repeat;"><div class="upperleft"><div class="upperright"><div class="lowerleft"><div class="lowerright"> <table class="transtable" width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td class="transtable" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nom">{catrow.forumrow.FORUM_NAME}</div></a>
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span><hr />
<i><span class="gensmall">{catrow.forumrow.POSTS} Messages - {catrow.forumrow.TOPICS} Sujets</span></i><hr /><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr></table></div></div></div></div></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>
Edit : j'ai réussi à supprimer les fines bordures, par-contre celles qui sont au haut et en bas de la cellule (les grosses bordures bleues) restent injustifiées. :/
Dernière édition par Lyress le 15/11/2010, 13:54, édité 1 fois