Cadre forum

[elsa2607]

Bonjours,
Voila, j'ai un petit problème avec le cadre du forum qui est ... bleu ou blanche je ne sais pas trop. Enfin bref ça fait un peu tache et je n'arrive pas à le modifier via les couleurs dans le PA.
Ensuite j'aurais voulut que le cadre semble sans fin et non un petit arrondit ....
J'aimerais aussi doubler voir quadrupler le cadre et ajouter une ombre des deux cotés.
Quand j'ai essayé j'ai eut une ombre que d'un coté.
Merci :DDD

[Anzu]

Bonsoir,

Vérifiez dans votre css si vous n'avez pas un bodyline avec un border. Il vous suffira de changer le code couleur

Cordialement.

[Anzu]

Bonsoir,

Pourrait-on avoir des nouvelles ?

Cordialement.

[elsa2607]

Bonsoir,
Cela ne marche pas j'ai toujours le cadre bleu et parfois le fond marron disparaît et devient noir :/
Merci

[Anzu]

Bonjour,

Le forum concerné c'est bien celui ci?: http://haltairhorse.forums-rpg.com/
Il me faudrait également le code de votre feuille css sous balises code.

Cordialement.

[elsa2607]

Oui c'est bien celui là

Code:

.forumline {
border-top-radius: 10px;
}



.fleche {
    background-image : url("http://theme3.cssactif.com/sujets/pointebulle.png");
    width: 20px;
    height :25px;
    position : relative;
    top :50px;
    left :-15px;  }

    .bulle{
    background-color : #6f4f34;
    border : 1px solid #3b2a15;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
    }


.titretop{
  font-size: 20px;
  font-family: 'Emilys Candy', cursive;
  align:center;
}
.catHead{
   background-color:#3b3a3a;
    border: #3b3a3a;
    border-style: solid;
    height: 28px;
 border-radius:25px 25px 0px 0px;
   height: 29px;
   border-width: 0;
   }
/*--------CSS PROFIL--------------*/

/*Fond qui entoure tous le profil*/


.profilentier {height:auto;
  background-color:  #6f4f34;
  margin: 0 auto;
padding: 5px;
  -webkit-border-radius: 20px;
  khtml-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 210px;
  text-align: center;}

/*Pseudo*/


.name {font-variant: small-caps;
  display: block;
  font-weight: normal;
  font-family: Snippet,cursive;
  text-shadow: 1px 1px 1px  #000;
  font-size: 25px;
margin-top: 15px;
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }}


/*Css de ton avatar*/

.imageavatar { width: 200px;
height: 300px;
  margin-left: 5px;
  position: relative;
  padding:-7px;
  top: 0;
  left: -3;
  z-index: 0;}


/* Information et niveaux*/

.titreinfo {color: #470606;
font-variant: small-caps;
  text-align: center;
font-size: 15px;
  letter-spacing: 2px;
display: block;
width: 180px;
border-bottom: 2px dashed #470606;
margin-bottom: 15px;}

/*fond blanc qui saffiche sur lavatar*/

.fondinformation {text-align: justify;
  width: 180px;
height: 280px;
 position: absolute;
  padding: 10px;
  top: 0;
  left: 0;
background-color: #ad3e3d;
    background: url(http://img547.imageshack.us/img547/4891/dtgd.png);
 
  z-index: 100;
  opacity: 0;
    -webkit-transition: opacity 2s;
  -moz-transition: opacity  2s;
  -o-transition: opacity  2s;
  -ms-transition: opacity  2s;
  transition: opacity  2s;
}





.imageavatar:hover > .fondinformation
{
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin-left: 0px;}
 

/**FIN**/




namestyle
  a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
 
.namestyle{
font-family: 'Domine', cursive;
  font-size: 27px;
}


.csstitle,.t-tile{
  font-family: 'Miniver', cursive;
  font-size: 21px;
}


.cadremess{
    padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
        margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
        border-radius:20px; /* la bordure */
        border-color:#000000; /*une couleur de fond */
  background:#B0C5D4;
}
 
.onthy{ background: #b0c5d4;} /*LE RP OU LIMAGINA REAL COLOR FOND SUJET*/
 
.name /* center le pseudo */
{text-align:center;}
{font-size:20px;
font-family:Police;}
 .name {font-size:20px!important;}
 

.blocProfil { /*code Profil*/
        padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
        margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
        border-radius:20px; /* la bordure */
        border-color:#000000; /*une couleur de fond */
  background:#B0C5D4;
  -moz-box-shadow: 0px 0px 6px #355266;
    -webkit-box-shadow: 0px 0px 6px #355266;
    box-shadow: 0px 0px 6px #355266;
border-right: 3px solid #355266;
border-left: 3px solid #355266;   
}
 







.nameprofil{
  font-family: Patrick Hand,crusive;
  font-size: 26px;
  text-shadow: 0 0 1px #000;
}
.postdetails poster-profile{
  font-family: PatrickHand,cursive;
  font-size:10px;
  text-shadow: 0 0 1 #000;
  text-align: center;
}


body {
background-repeat: repeat;
background-attachment: fixed;
}

/**DEBUT PA**/
div.bibille {
  position: relative;
  float: left;
}

div.bibille span {
  display: none; /* ceci masque l'infobulle */
}
div.bibille:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.bibille:hover span {
  width: 150px;
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #6ba2bf;
color: #00263b;
padding: 2px;
border: 2px solid #00263b;
  border-radius: 20px;
}
/**FIN PA**/







.statistiques{
border:1px;
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#44718F;border: 2px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:50px;padding-right:19px;padding-left:19px;padding-bottom:5px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}











.bodyline {
        -moz-border-radius: 10px;      /* Firefox */
        -webkit-border-radius: 10px;  /* Chrome, Safari, Opera */
        border-radius: 10x;              /* Chrome et format standard */
        border:1px #96adca solid;
}



_____________________


/******OGLET FICHE RP*******/

.montrerfeuilleperso
{ height: 55px;
  text-align: center;
  overflow: hidden;
  transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -htm-transition: 2s;
  -webkit-transition: 2s;
  -ms-transition: 2s;
  -khtml-transition: 2s;
}
.montrerfeuilleperso:hover
{ height: 310px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
  -khtml-transition: 1s;
}


_____________________________________________________________


/* MISE EN FORME DES CATEGORIES ET FORUMS */


    /* IMAGE DU HAUT DES CATÉGORIES */
    .tfa_top{
    width: 100%;
    height: 45px;
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/229.jpg) transparent;
    -moz-border-radius: 90px 90px 0 0;
    -webkit-border-radius: 90px 90px 0 0;
    border-radius: 90px 90px 0 0;
    margin: 10px auto 0;
    padding: 0;
    }
    /* IMAGE DU BAS DES CATÉGORIES */
    .tfa_bottom{
    width: 100%;
    height: 35px;
    background: url(http://imageshack.us/a/img687/4456/129u.png) bottom transparent;
  -moz-border-radius:0 0 90px 90px;
    -webkit-border-radius:0 0 90px 90px;
    border-radius:0 0 90px 90px;
    margin: auto;
    padding: 0;
    text-align: center;
    }
    /* TABLE CONTENANT LES CATÉGORIES */
    .table_tfa{
    background: #402b16;
  -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    }
    /* CELLULES */
    .tfa_cell_1, .tfa_cell_2, .tfa_cell_3{
    background:#4d3520;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    }
    /* TITRE DE CATÉGORIE */
    .titre_categorie{
    width: 100%;
  height: -25px;
    margin:0 auto;
    padding: 0;
    }
    .titre_categorie h2{
    width: 100%;
    margin:0 auto;
    padding: 12px 0 0 0;
    text-align: center;
    font-family: 'Emilys Candy', cursive;
    color: #fff;
    text-shadow: 1px 1px 2px #000000;
    -webkit-transition: all 1s ease; /* pour navigateur webkit */
    -moz-transition: all 1s ease; /* pour navigateur mozilla */
    -o-transition: all 1s ease; /* pour navigateur opera */
    transition: all 1s ease; /* pour les navigateurs récents */
    }
    /* TITRE CATÉGORIE AU SURVOL */
    .titre_categorie h2:hover {
    font-size: 22px;
    color: #8500e2;
    text-shadow: 0 1px 1px #fff;
    }
   
    /* DERNIERS SUJETS */
    .tfa_last_post{
    background: #432a15;
    width: 86%;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    padding: 5px;
    margin: 6px auto 4px;
    -webkit-transition: all 1s ease; /* pour navigateur webkit */
    -moz-transition: all 1s ease; /* pour navigateur mozilla */
    -o-transition: all 1s ease; /* pour navigateur opera */
    transition: all 1s ease; /* pour les navigateurs récents */
    }
    /* DERNIERS SUJETS AU SURVOL */
    .tfa_last_post:hover{
    -moz-box-shadow: 0px 0px 6px #bda569;
    -webkit-box-shadow: 0px 0px 6px #bda569;
    box-shadow: 0px 0px 6px #bda569;
    }
    /* TITRE FORUM */
    .block_titre{
    position:relative;
    width: 100%;
    height: 10px;
    margin: 0;
    padding: 0;
    }
    /* BLOC RUBAN */
    .tfa_titre_forum{
    padding: 0;
    position: relative;
    vertical-align: bottom;
    width: 100%;
    z-index:1;
    top: -28px;
    }
 

    /* RUBAN pointille IMAGE DU CENTRE */
    .titre_centre{
    border-bottom: dashed 3px #bda569;
transparence opacity: 0.7;
    bottom: 0;
    height: 44px;
    line-height: 66px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 95%;
    left: 25px;
    }

.transparence{
  border-bottom: dashed 1px #000;
}

    /* BLOC LIEN FORUM */
    .lien_forum{
    display: block;
    width: auto;
    margin: 16px auto 0;
    text-align: center;
    position: relative;
    top: 25px;
    }
    /* LIEN FORUM */
    .lien_forum a.forumlink{
    display: block;
    font: bold 28px Arial;
  font-family: 'Lobster', cursive;
    color: #691f80;
    text-shadow: 0 0 6px #fff;
    width: 350px;
    text-align: center;
    -webkit-transition: all 0.8s ease 0.2s; /* pour navigateur webkit */
    -moz-transition: all 0.8s ease 0.2s; /* pour navigateur mozilla */
    -o-transition: all 0.8s ease 0.2s; /* pour navigateur opera */
    transition: all 0.8s ease 0.2s; /* pour les navigateurs récents */
    }
    /* LIEN FORUM AU SURVOL */
    .lien_forum a.forumlink:hover{
    color: #460357;
    width: 450px;
    text-decoration: none !important;
    }
    /* LA DESCRIPTION */
    .tfa_description{
    background: #432a15;
    width: 95%;
    position: relative;
    margin: 10px auto 0;
    padding: 10px 5px 5px 5px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -webkit-transition: all 1s ease; /* pour navigateur webkit */
    -moz-transition: all 1s ease; /* pour navigateur mozilla */
    -o-transition: all 1s ease; /* pour navigateur opera */
    transition: all 1s ease; /* pour les navigateurs récents */
    }
    /* LA DESCRIPTION AU SURVOL */
    .tfa_description:hover{
    -moz-box-shadow: 0px 0px 6px #bda569;
    -webkit-box-shadow: 0px 0px 6px #bda569;
    box-shadow: 0px 0px 6px #bda569;
    }
    /* SOUS-FORUMS */
    .sous_forums{
    position: relative;
    width: 100%;
    display: block;
    margin: 5px auto 0;
    bottom: 0;
    text-align: center;
    }
    .sous_forums img{
    vertical-align: middle;
    }
    /* LIENS SOUS-FORUMS */
    .sous_forums a.gensmall{
    diplay: inline-block;
    margin: 0 2px;
    border: 0px solid #691f80;
    -webkit-transition: all 0.8s ease; /* pour navigateur webkit */
    -moz-transition: all 0.8s ease; /* pour navigateur mozilla */
    -o-transition: all 0.8s ease; /* pour navigateur opera */
    transition: all 0.8s ease; /* pour les navigateurs récents */
    }
    /* LIENS SOUS-FORUMS AU SURVOL */
    .sous_forums a.gensmall:hover{
    padding-right: 12px;
    font-weight: bold;
    color: #691f80;
    text-decoration: none !important;
    }
    /* SUJETS-MESSAGES */
    .sujets-messages{
    margin: 0;
    padding: 0;
    width: 100%;
    text-shadow: 1px 0 1px #fff;
    text-align: right;
    }
    .sujets-messages .gensmall {
    margin: 0;
    padding: 0 20px 0 0;
    }
    .chiffres{
    font: bold 13px Arial;
    color:#691f80;
    }

   
    /*|__________ FIN DES MODIFICATIONS DE L AFFICHAGE DES CATEGORIES __________*/


.rotateimg:hover{ /*Rotation icones new no new etc */
-webkit-transform:rotate(100deg);
-moz-transform:rotate(100deg);
-o-transform:rotate(100deg);
-ms-transform:rotate(100deg);
}

a.forumlink {/*devoiler les sous forum*/
-moz-transition: all .8s ease .2s;
-o-transition: all .8s ease .2s;
-webkit-transition: all .8s ease .2s;
color: #691F80;
display: block;
font-family: Lobster, cursive;
font-size: 28px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-align: center;
text-shadow: 0 0 6px white;
transition: all .8s ease .2s;
width: 350px;
height: 0px;
}

/*_______________________Selecteur de couleurs_____________*/
.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: #;
  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: #;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #;
  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;
}
/*____________________FIN SELETEUR COULEUR________________*/




.gensmalling{
 font-family: 'Snippet', cursive;
    color: #691f80;
    text-shadow: 0 0 1px #000;
  width: 10px;
}


/*__________________________________DEBUT qeel_________________________*/

.titreqeel{
    background: #2f1e11;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
  text-size: 150px;
  font-family: 'Delius Swash Caps' cursive;
  text-shadow: 0 0 1px #000;
  text-align: center
    }

.fond_principal{
  text-size: 30px;
  font-family: 'Delius Swash Caps' cursive;
  text-shadow: 0 0 1px #355266;
  text-align: center;
    background:#2d1b06;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
  text-align: center
  width: 500px;
height: auto;
 border-right: 5px solid #573e29;
border-left: 5px solid #573e29;
border-radius: 20px 20px 20px 20px;
padding: 20px; 
text-align: justify;
margin-left: 20px;
}

.fond_principal{
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    }

.imgopa{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.imgopa:hover{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
}

/*_________________INFOBULLE___________*/

.infobulle span
{                       
    position : absolute;
    top : auto;
    left : auto;
    width : 136px;
    height : 150px;
    background-color: #21150b;
    display : none;
  text-size: 50px;
  font-family: 'Delius Swash Caps' cursive;
  text-shadow: 0 0 1px #21150b;
  text-align: center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
  width: 500px;
height: auto;
 border-right: 3px solid #21150b;
border-left: 3px solid #21150b;
border-radius: 10px 10px 10px 10px;
padding: 20px; 
text-align: justify;
margin-left: 20px;
  text-align: center
}

.infobulle:hover span{
    display:block;
    top        :  auto;
    left      :  auto;
    width      :  136px;
    height    : 150px;
    overflow  :  visible;
    background-color: #35526621150b;
  text-align: center
}
 
/*_________________*/


.fond_principale{
 
  text-align: center
    background:#6ba2bf;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
  width: 500px;
height: auto;
 border-right: 5px solid #355266;
border-left: 5px solid #355266;
border-radius: 10px 10px 10px 10px;
padding: 10px; 
margin-left: 10px;
  text-align: center
}

.fond_principale{
    -moz-box-shadow: 0px 0px 6px #355266;
    -webkit-box-shadow: 0px 0px 6px #355266;
    box-shadow: 0px 0px 6px #355266;
    }
/*----------------QEEL FIN-------*/


.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #000; => couleur de fond
  font-size: 10px; => taille du texte
  color: #FFF; => couleur de texte
  text-align: center; => alignement du texte
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

[Anzu]

Le code se situe ici:

Code:

  .bodyline {
            -moz-border-radius: 10px;      /* Firefox */
            -webkit-border-radius: 10px;  /* Chrome, Safari, Opera */
            border-radius: 10x;              /* Chrome et format standard */
            border:1px #96adca solid;
    }

Il suffit de changer le code couleur

Cordialement.