Problème de cadre en css
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème de cadre en css
Bonjour !
J'avoue que je suis dans une impasse concernant mon problème...
Il y a quelques jours, j'ai remarqué que le CSS de mes cadres uniquement avaient pris la fuite. Ce qui est encore plus bizarre, c'est que ça le fait uniquement sous FireFox et sur mon PC, alors que sur le pc de mon amie (qui a FireFox aussi), ça marche niquel...
C'est à s'en arracher les cheveux, étant donné que j'ai vidé tous mes caches un nombre incalculable de fois et que j'ai tout vérifié autant de fois sur mon forum.
Voici un screen et mon CSS :
Merci à celui ou celle qui m'aidera T-T
J'avoue que je suis dans une impasse concernant mon problème...
Il y a quelques jours, j'ai remarqué que le CSS de mes cadres uniquement avaient pris la fuite. Ce qui est encore plus bizarre, c'est que ça le fait uniquement sous FireFox et sur mon PC, alors que sur le pc de mon amie (qui a FireFox aussi), ça marche niquel...
C'est à s'en arracher les cheveux, étant donné que j'ai vidé tous mes caches un nombre incalculable de fois et que j'ai tout vérifié autant de fois sur mon forum.
Voici un screen et mon CSS :
- Code:
/* STRUCTURE */
body {
background-attachment: fixed;
background-position: top center;
background-repeat:repeat;
}
.forumline {
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:4px solid #000000;
border-top:4px solid #000000;
-moz-box-shadow:0px 0px 10px #000000;
-box-shadow:0px 0px 10px #000000;
-webkit-box-shadow:0px 0px 10px #000000;
background-image:url('http://www.3phase.com/resources/patterns/files/marble-tan.jpg');
background-position:center;
}
#i_logo {
margin-bottom:-50px;
}
/* INFOBULLE */
.infobulle{
position: relative;
z-index: 0;}
.infobulle:hover{
background-color: transparent;
z-index: 50;}
.infobulle span{
position: absolute;
background-color: #DAD7F0;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{
border: 2px;
padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 8px;
left: 7px;
width:71px;
height:71px;
color:#453d4b;
border: 2px solid #453d4b;
-moz-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
opacity:0.7;
-moz-opacity:0.7;
-ms-filter:"alpha(opacity=70)";
filter:alpha(opacity=70);}
.bubulle{
position: relative;
z-index: 0;}
.bubulle:hover{
background-color: transparent;
z-index: 50;}
.bubulle span{
position: absolute;
background-color: #DAD7F0;
padding: 2px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.bubulle span img{
border: 2px;
padding: 5px;}
.bubulle:hover span{
visibility: visible;
top: 0px;
left: 4px;
width:70px;
height:70px;
color:#453d4b;
border: 2px solid #453d4b;
-moz-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
opacity:0.7;
-moz-opacity:0.7;
-ms-filter:"alpha(opacity=70)";
filter:alpha(opacity=70);}
/* LIENS PA */
.boutonpa {
background-image:url('http://www.3phase.com/resources/patterns/files/marble-tan.jpg');
-moz-border-radius:15px;
-o-border-radius:15px;
-webkit-border-radius:15px;
border: #000000 double;
border-left: 6px #000000 solid;
border-right: 6px #000000 solid;
padding:2px;
width:150px;
text-align:center;
font-family: georgia;
font-size:11px;
text-shadow: 0 0 1px;
}
.boutonpa:hover {
background-image: url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
-moz-border-radius:15px;
-o-border-radius:15px;
-webkit-border-radius:15px;
border: #7367C7 double;
border-left: 6px #7367C7 solid;
border-right: 6px #7367C7 solid;
font-variant: smallcaps;
padding:2px;
width:150px;
text-align:center;
font-family: georgia;
font-variant:small-caps;
font-size:11px;
text-shadow: 0 0 1px;
}
/* ASCENSEUR */
.ascenseur {
position: fixed;
bottom: 50px;
right: 0px;
}
/* CONTOUR PROFIL */
.postdetails.poster-profile a img {
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #3B0D14;
-moz-box-shadow:0px 0px 5px #3B0D14;
-o-box-shadow:0px 0px 5px #3B0D14;
-webkit-box-shadow:0px 0px 5px #3B0D14;
}
.contour_profil {
border: 1px solid #3B0D14;
-moz-box-shadow:0px 0px 5px #3B0D14;
-o-box-shadow:0px 0px 5px #3B0D14;
-webkit-box-shadow:0px 0px 5px #3B0D14;
padding:5px;
background-color:#FFFFFF;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
width:200px!important;
background-image:url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
}
/* AVATARS */
.postdetails.poster-profile a img {
width:170px;
height:340px;
}
/* OPACITE */
.opacite:hover {
opacity:0.5;
-moz-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
}
.opacite {
opacity:1;
-moz-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter:alpha(opacity=100);
}
/* RETRAIT EDITION */
tr.post span.gensmall
{
display: none;
}
/* LIENS */
a:hover {
text-decoration: none !important;
text-shadow: 0 0 1px;color:#3B0D14;
}
a {
text-decoration: none !important;
text-shadow: 0 0 1px;color:#0D143B;
}
/* JUSTIFIER */
.postbody {
margin-top:5px;
text-align:justify;
}
/* DESCRIPTION SOUS FOFO */
.descforum{
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
height:76px;
padding:2px;
background-image:url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
}
.description1{
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
width:496px;
height:76px;
padding:2px;
background-image:url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
}
.secondarytitle {
text-transform:uppercase;
font-size:14px;
text-shadow: 0 0 1px;color:#0D143B;
height:30px;
}
.titrefofo {
text-shadow:1px 1px 1px #414141;
font-size: 18px;
text-align:center;
display:block;
height:47px;
width:615px;
padding-top:16px;
background: url('http://nsa30.casimages.com/img/2012/05/31/120531112428138161.png') repeat top center;
background-position:top center;
background-repeat:no-repeat;
}
a.forumlink {
text-shadow: 0 0 1px;color:#0D143B;
font-size: 16px!important;
text-align:center;
font-family: Georgia;
}
a.forumlink:hover {
text-shadow: 0 0 1px;color:#3B0D14;
font-size: 16px!important;
text-align:center;
font-family: Georgia;
font-variant:small-caps;
}
textarea, .textarea.post, input.post{
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
padding:3px;
background-image:url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
}
/* TITRES DES LIEUX */
.war {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #A3BDF0;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #673535;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
}
.mage {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #CC2204;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #000000;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
}
.thief {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #A4F2B0;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #673535;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
}
.priest {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #F7EF9C;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #673535;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
}
.artists {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #A6A6A6;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #673535;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
}
/* CITATION CODE SPOILER */
.code {
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
-moz-border-radius: 5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
background:-moz-linear-gradient(top, #F5D6DB, #FFFFFF, #F5D6DB);
text-align:justify;
padding:5px;
}
.quote {
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
-moz-border-radius: 5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
background:-moz-linear-gradient(top, #F5D6DB, #FFFFFF, #F5D6DB);
text-align:justify;
padding:5px;
}
.spoiler_closed{
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
-moz-border-radius: 5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
background:-moz-linear-gradient(top, #F5D6DB, #FFFFFF, #F5D6DB);
text-align:justify;
padding:5px;
}
.spoiler_content{
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
-moz-border-radius: 5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
background:-moz-linear-gradient(top, #F5D6DB, #FFFFFF, #F5D6DB);
text-align:justify;
padding:5px;
}
/* SELECTEUR DE COULEUR */
.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;
}
Merci à celui ou celle qui m'aidera T-T
Dernière édition par Naruru le Sam 16 Juin 2012 - 15:37, édité 1 fois
Re: Problème de cadre en css
Up ^^
Au passage, ça me le fait sur d'autres forums aussi mais pas tous '_'
Au passage, ça me le fait sur d'autres forums aussi mais pas tous '_'
Re: Problème de cadre en css
Je confirme j'ai le même problème depuis peu sous firefox et sous chrome le cadre est vraiment pas beau alors qu'avant aucun problème sous les deux navigateurs. C'est surtout au niveau des bordures arrondies sous firefox qui ont disparus et l'ombre du cadre sous chrome qui n'est plus dégradé.
Re: Problème de cadre en css
Je ne suis plus la seule, ouf ^^
Oui, comme je le dis : c'est surtout un problème de cadre, mes autres codages css marchent '_'
Donc, UP du jour
Oui, comme je le dis : c'est surtout un problème de cadre, mes autres codages css marchent '_'
Donc, UP du jour
Re: Problème de cadre en css
bonsoir,
si votre navigateur s'est mis à jour , -moz-border-radius devra être complété par border-radius ... rajoutez le à votre CSS ...
si votre navigateur s'est mis à jour , -moz-border-radius devra être complété par border-radius ... rajoutez le à votre CSS ...
Re: Problème de cadre en css
pardonnez ma question mais compléter par "border-radius" veux dire supprimer moz avant ou rajouter border-radius a tout les codes comportant moz-border-radius ce qui ferait "moz-border-radius-border-radius" ?
edit :apres essaie que ce soit supprimer -moz- ou completer ça ne fonctionne pas , pour resumer le code css type -moz-border-radius- ne fait plus d'arrondie sur firefox
edit :apres essaie que ce soit supprimer -moz- ou completer ça ne fonctionne pas , pour resumer le code css type -moz-border-radius- ne fait plus d'arrondie sur firefox
Re: Problème de cadre en css
ah ok merci , ça va pas etre simple, si il faut modifier tout les codes de cette façon ^^, je vais essayer.
merci
edit : donc effectivement ça fonctionne merci par contre j'ai toujours ce problème de box-shadow sous google chrome , l'ombre à disparu
merci
edit : donc effectivement ça fonctionne merci par contre j'ai toujours ce problème de box-shadow sous google chrome , l'ombre à disparu
Re: Problème de cadre en css
bonjour,
CSS corrigé :
CSS corrigé :
- Code:
/* STRUCTURE */
body {
background-attachment: fixed;
background-position: top center;
background-repeat:repeat;
}
.forumline {
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:4px solid #000000;
border-top:4px solid #000000;
-moz-box-shadow:0px 0px 10px #000000;
box-shadow:0px 0px 10px #000000;
-webkit-box-shadow:0px 0px 10px #000000;
box-shadow:0px 0px 10px #000000;
background-image:url('http://www.3phase.com/resources/patterns/files/marble-tan.jpg');
background-position:center;
}
#i_logo {
margin-bottom:-50px;
}
/* INFOBULLE */
.infobulle{
position: relative;
z-index: 0;}
.infobulle:hover{
background-color: transparent;
z-index: 50;}
.infobulle span{
position: absolute;
background-color: #DAD7F0;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{
border: 2px;
padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 8px;
left: 7px;
width:71px;
height:71px;
color:#453d4b;
border: 2px solid #453d4b;
-moz-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
opacity:0.7;
-moz-opacity:0.7;
-ms-filter:"alpha(opacity=70)";
filter:alpha(opacity=70);}
.bubulle{
position: relative;
z-index: 0;}
.bubulle:hover{
background-color: transparent;
z-index: 50;}
.bubulle span{
position: absolute;
background-color: #DAD7F0;
padding: 2px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.bubulle span img{
border: 2px;
padding: 5px;}
.bubulle:hover span{
visibility: visible;
top: 0px;
left: 4px;
width:70px;
height:70px;
color:#453d4b;
border: 2px solid #453d4b;
-moz-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
opacity:0.7;
-moz-opacity:0.7;
-ms-filter:"alpha(opacity=70)";
filter:alpha(opacity=70);}
/* LIENS PA */
.boutonpa {
background-image:url('http://www.3phase.com/resources/patterns/files/marble-tan.jpg');
-moz-border-radius:15px;
-o-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border: #000000 double;
border-left: 6px #000000 solid;
border-right: 6px #000000 solid;
padding:2px;
width:150px;
text-align:center;
font-family: georgia;
font-size:11px;
text-shadow: 0 0 1px;
}
.boutonpa:hover {
background-image: url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
-moz-border-radius:15px;
-o-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border: #7367C7 double;
border-left: 6px #7367C7 solid;
border-right: 6px #7367C7 solid;
font-variant: smallcaps;
padding:2px;
width:150px;
text-align:center;
font-family: georgia;
font-variant:small-caps;
font-size:11px;
text-shadow: 0 0 1px;
}
/* ASCENSEUR */
.ascenseur {
position: fixed;
bottom: 50px;
right: 0px;
}
/* CONTOUR PROFIL */
.postdetails.poster-profile a img {
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border: 1px solid #3B0D14;
-moz-box-shadow:0px 0px 5px #3B0D14;
-o-box-shadow:0px 0px 5px #3B0D14;
-webkit-box-shadow:0px 0px 5px #3B0D14;
box-shadow:0px 0px 5px #3B0D14;
}
.contour_profil {
border: 1px solid #3B0D14;
-moz-box-shadow:0px 0px 5px #3B0D14;
-o-box-shadow:0px 0px 5px #3B0D14;
-webkit-box-shadow:0px 0px 5px #3B0D14;
box-shadow:0px 0px 5px #3B0D14;
padding:5px;
background-color:#FFFFFF;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
width:200px!important;
background-image:url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
}
/* AVATARS */
.postdetails.poster-profile a img {
width:170px;
height:340px;
}
/* OPACITE */
.opacite:hover {
opacity:0.5;
-moz-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
}
.opacite {
opacity:1;
-moz-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter:alpha(opacity=100);
}
/* RETRAIT EDITION */
tr.post span.gensmall
{
display: none;
}
/* LIENS */
a:hover {
text-decoration: none !important;
text-shadow: 0 0 1px;color:#3B0D14;
}
a {
text-decoration: none !important;
text-shadow: 0 0 1px;color:#0D143B;
}
/* JUSTIFIER */
.postbody {
margin-top:5px;
text-align:justify;
}
/* DESCRIPTION SOUS FOFO */
.descforum{
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
box-shadow:0px 0px 2px #3B0D14;
height:76px;
padding:2px;
background-image:url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
}
.description1{
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
box-shadow:0px 0px 2px #3B0D14;
width:496px;
height:76px;
padding:2px;
background-image:url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
}
.secondarytitle {
text-transform:uppercase;
font-size:14px;
text-shadow: 0 0 1px;color:#0D143B;
height:30px;
}
.titrefofo {
text-shadow:1px 1px 1px #414141;
font-size: 18px;
text-align:center;
display:block;
height:47px;
width:615px;
padding-top:16px;
background: url('http://nsa30.casimages.com/img/2012/05/31/120531112428138161.png') repeat top center;
background-position:top center;
background-repeat:no-repeat;
}
a.forumlink {
text-shadow: 0 0 1px;color:#0D143B;
font-size: 16px!important;
text-align:center;
font-family: Georgia;
}
a.forumlink:hover {
text-shadow: 0 0 1px;color:#3B0D14;
font-size: 16px!important;
text-align:center;
font-family: Georgia;
font-variant:small-caps;
}
textarea, .textarea.post, input.post{
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
box-shadow:0px 0px 2px #3B0D14;
padding:3px;
background-image:url('http://nsa30.casimages.com/img/2012/05/24/120524115035158668.jpg');
}
/* TITRES DES LIEUX */
.war {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #A3BDF0;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #673535;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
border-radius:9px;
}
.mage {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #CC2204;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #000000;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
border-radius:9px;
}
.thief {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #A4F2B0;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #673535;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
border-radius:9px;
}
.priest {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #F7EF9C;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #673535;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
border-radius:9px;
}
.artists {
font-family: trebuchet MS;
text-shadow: 0 0 1px;
display:block!important;
text-transform: uppercase;
background-color: #A6A6A6;
border: 1px #241111 solid;
border-right: 4px #241111 solid;
border-bottom: 4px #241111 solid;
color: #673535;
text-align: center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
border-radius:9px;
}
/* CITATION CODE SPOILER */
.code {
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
box-shadow:0px 0px 2px #3B0D14;
-moz-border-radius: 5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:-moz-linear-gradient(top, #F5D6DB, #FFFFFF, #F5D6DB);
text-align:justify;
padding:5px;
}
.quote {
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
box-shadow:0px 0px 2px #3B0D14;
-moz-border-radius: 5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:-moz-linear-gradient(top, #F5D6DB, #FFFFFF, #F5D6DB);
text-align:justify;
padding:5px;
}
.spoiler_closed{
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
box-shadow:0px 0px 2px #3B0D14;
-moz-border-radius: 5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:-moz-linear-gradient(top, #F5D6DB, #FFFFFF, #F5D6DB);
text-align:justify;
padding:5px;
}
.spoiler_content{
border:1px solid #3B0D14;
-moz-box-shadow:0px 0px 2px #3B0D14;
-o-box-shadow:0px 0px 2px #3B0D14;
-webkit-box-shadow:0px 0px 2px #3B0D14;
box-shadow:0px 0px 2px #3B0D14;
-moz-border-radius: 5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:-moz-linear-gradient(top, #F5D6DB, #FFFFFF, #F5D6DB);
text-align:justify;
padding:5px;
}
/* SELECTEUR DE COULEUR */
.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;
}
Re: Problème de cadre en css
sans trop en demander si vous pouvier regarder ce qui ne va pas au niveau box shadow pour chrome , ça serait vraiment très sympa
- Code:
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 2px double #FFFFF;
-moz-border-radius:12px;border-radius:12px;-webkit-border-radius:12px; }
/* This is the outline round the main forum tables */
.forumline {background-color: #C0C0C0; border:1px double #DCDCDC;-moz-border-radius: 12px 12px 12px 12px;border-radius:12px 12px 12px 12px;-webkit-border-top-left-radius: 12px;-webkit-border-top-right-radius: 12px;-webkit-border-bottom-left-radius: 12px;-webkit-border-bottom-right-radius: 12px;-goog-ms-border-radius: 12px 12px 12px 12px;-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.3);box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.3); border:1px solid #DCDCDC;}
Re: Problème de cadre en css
bonjour gix ,
- Code:
/* This is the border line & background colour round the entire page */
.bodyline {
background-color: #FFFFFF;
border: 2px double #FFFFF;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
/* This is the outline round the main forum tables */
.forumline {
background-color: #C0C0C0;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-goog-ms-border-radius: 12px;
border-radius:12px;
-moz-box-shadow: 0px 0px 5px rgba(20, 20, 20,0.3);
-webkit-box-shadow: 0px 0px 5px rgba(20, 20, 20,0.3);
box-shadow: 0px 0px 5px rgba(20, 20, 20,0.3);
border:1px solid #DCDCDC;
}
Re: Problème de cadre en css
Bonjour,
merci d'avoir remis ça en ligne mais le problème reste le même sous chrome, je vais voir si je peux faire autrement . merci d'avoir régler le problème sous firefox en tout cas .
merci d'avoir remis ça en ligne mais le problème reste le même sous chrome, je vais voir si je peux faire autrement . merci d'avoir régler le problème sous firefox en tout cas .
Re: Problème de cadre en css
bonjour,
je viens d'installer google chrome , et je vois bien les ombres !^^
je viens d'installer google chrome , et je vois bien les ombres !^^
Re: Problème de cadre en css
je ne sais pas si ça va être visible sur le screen mais coté gauche firefox l'ombre est bien en dégradé aucun problème, par contre sous chrome c'est en doublé
- Spoiler:
Re: Problème de cadre en css
bonsoir,
en jouant sur l'ombrage et la transparence ... j'ai pas mieux ...
- Code:
.bodyline{
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color:#FFF;
border:2px double #FFFFF;
border-radius:12px
}
.forumline{
-goog-ms-border-radius:12px;
-moz-border-radius:12px;
-moz-box-shadow:0 0 10px rgba(20,20,20,0.2);
-webkit-border-radius:12px;
-webkit-box-shadow:0 0 10px rgba(20,20,20,0.2);
background-color:silver;
border:1px solid #DCDCDC;
border-radius:12px;
box-shadow:0 0 10px rgba(20,20,20,0.2)
}
Re: Problème de cadre en css
ah un grand merci nickel , c'est très bien comme ça !
en ce qui me concerne vous pouvez mettre résolu
en ce qui me concerne vous pouvez mettre résolu
Re: Problème de cadre en css
Bonjour ^^
N'étant pas chez moi pour le moment, je peux pas trop voir si ça marche mais je regarderai quand je rentrerai mercredi prochain.
En attendant, je mets en résolu et je reviendrai si jamais j'ai un soucis ^^
Je vous remercie =)
N'étant pas chez moi pour le moment, je peux pas trop voir si ça marche mais je regarderai quand je rentrerai mercredi prochain.
En attendant, je mets en résolu et je reviendrai si jamais j'ai un soucis ^^
Je vous remercie =)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum