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

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

Résolu Problème de cadre en css

Message par Imari Dim 10 Juin 2012 - 19:03

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 :

Problème de cadre en css Css_fu10

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
Imari

Imari
****

Féminin
Messages : 380
Inscrit(e) le : 10/12/2007

http://draconide-mythe.forumactif.com/
Imari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par Imari Lun 11 Juin 2012 - 20:20

Up ^^

Au passage, ça me le fait sur d'autres forums aussi mais pas tous '_'
Imari

Imari
****

Féminin
Messages : 380
Inscrit(e) le : 10/12/2007

http://draconide-mythe.forumactif.com/
Imari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par gix Mar 12 Juin 2012 - 11:22

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é.
avatar

gix
Nouveau membre

Messages : 7
Inscrit(e) le : 31/03/2012

http://u2electrical.forumsactifs.com/
gix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par Imari Mar 12 Juin 2012 - 21:59

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 cheers
Imari

Imari
****

Féminin
Messages : 380
Inscrit(e) le : 10/12/2007

http://draconide-mythe.forumactif.com/
Imari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par Scoubifitz Mer 13 Juin 2012 - 0:04

bonsoir,

si votre navigateur s'est mis à jour , -moz-border-radius devra être complété par border-radius ... rajoutez le à votre CSS ...
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par gix Mer 13 Juin 2012 - 0:19

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 Smile
avatar

gix
Nouveau membre

Messages : 7
Inscrit(e) le : 31/03/2012

http://u2electrical.forumsactifs.com/
gix a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de cadre en css

Message par Scoubifitz Mer 13 Juin 2012 - 5:07

bonjour,

même problème , même réponse :

https://forum.forumactif.com/t332892-souci-au-niveau-du-css
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par gix Mer 13 Juin 2012 - 10:18

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 Very Happy par contre j'ai toujours ce problème de box-shadow sous google chrome , l'ombre à disparu Sad
avatar

gix
Nouveau membre

Messages : 7
Inscrit(e) le : 31/03/2012

http://u2electrical.forumsactifs.com/
gix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par Scoubifitz Mer 13 Juin 2012 - 14:18

bonjour,

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;
}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par gix Mer 13 Juin 2012 - 15:17

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 Smile

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;}
avatar

gix
Nouveau membre

Messages : 7
Inscrit(e) le : 31/03/2012

http://u2electrical.forumsactifs.com/
gix a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de cadre en css

Message par Scoubifitz Mer 13 Juin 2012 - 16:14

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;
}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par gix Mer 13 Juin 2012 - 16:25

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 .
avatar

gix
Nouveau membre

Messages : 7
Inscrit(e) le : 31/03/2012

http://u2electrical.forumsactifs.com/
gix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par Scoubifitz Mer 13 Juin 2012 - 19:18

bonjour,

je viens d'installer google chrome , et je vois bien les ombres !^^
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par gix Mer 13 Juin 2012 - 20:34

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:
avatar

gix
Nouveau membre

Messages : 7
Inscrit(e) le : 31/03/2012

http://u2electrical.forumsactifs.com/
gix a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de cadre en css

Message par Scoubifitz Mer 13 Juin 2012 - 21:39

Interrog

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)
}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par gix Jeu 14 Juin 2012 - 12:01

ah un grand merci nickel , c'est très bien comme ça !

en ce qui me concerne vous pouvez mettre résolu Smile
avatar

gix
Nouveau membre

Messages : 7
Inscrit(e) le : 31/03/2012

http://u2electrical.forumsactifs.com/
gix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre en css

Message par Imari Sam 16 Juin 2012 - 15:36

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 =)
Imari

Imari
****

Féminin
Messages : 380
Inscrit(e) le : 10/12/2007

http://draconide-mythe.forumactif.com/
Imari a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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

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