Cadre de la Chat Box

2 participants

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

Résolu Cadre de la Chat Box

Message par Dellou Lun 18 Fév 2013 - 12:53

Bonjour o/
Je viens pour demander une aide bienveillante ;w;
Après avoir fouillée divers sujet pour pouvoir résoudre mon problème, je ne peux que désespérée en voyant que aucun des codes que j'ai essayé n'a marché uwu'
C'est pourquoi, je demande une gentille aide pour savoir si je peux enlever ceci :

Spoiler:

J'ai regardé dans "Couleur" et j'ai essayé plusieurs codes dans la feuille de style, mais pas moyen ;w;

Es-ce possible de l'enlever ?


Dernière édition par Dellou le Lun 18 Fév 2013 - 13:20, édité 1 fois
Dellou

Dellou
***

Féminin
Messages : 198
Inscrit(e) le : 06/10/2012

https://aurumregis.forumactif.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de la Chat Box

Message par Matriochka Lun 18 Fév 2013 - 12:56

Bonjour,

En principe, ceci dans ton CSS devrait fonctionner :
Code:
.forumline {border:0px;}
Si ça ne convient pas, merci d’envoyer ici l’URL du forum concerné Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de la Chat Box

Message par Dellou Lun 18 Fév 2013 - 13:01

Malheureusement, aucun changement n'apparaît /:
yutopia.forumactif.org/
Dellou

Dellou
***

Féminin
Messages : 198
Inscrit(e) le : 06/10/2012

https://aurumregis.forumactif.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de la Chat Box

Message par Matriochka Lun 18 Fév 2013 - 13:01

Si ça ne convient pas, merci d’envoyer ici l’URL du forum concerné
Mr. Green

Ah, tu as édité ton message Smile Peux-tu m’envoyer ta feuille CSS complète avec ? Si je teste sur ton forum avec le code que je t’ai donné plus haut, ça fonctionne bien.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de la Chat Box

Message par Dellou Lun 18 Fév 2013 - 13:12

Oui *tête de linotte, avait pas vue (a)*
Voici :

Code:

/********** chatbox*/
#chatbox p{
        font : verdana;
  font-size: 12px;
  border:#ffffff;
}

#chatbox_header .catBottom .cattitle {
color: black;}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
color: gray;}
#chatbox_members ul li,
body.chatbox {
background-image: FFFFFF;}
body.chatbox {
background-color: FFFFFF;}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before {
content: "Monster Box";
 }
#chatbox_header{
color: 000000;
}



















.img
{ position: absolute;
 display: block;
 margin-top: -18px;
  width: 390px;
 height: 90px;
 overflow: auto;
  background-color: #191817;
  font-size: 10px;
 color: #9c9c9c;
 text-align: justify;
 padding: 5px;
  opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 filter: alpha(opacity=0); }
.img:hover
{  opacity: 0.8;
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 filter: alpha(opacity=80); }


/*-- Tchatbox --*/
.panel {
    border: #ffffff;}
















.description
{
  display: block;
  width: 391px;
  margin: auto;
  height: 91px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: justify;
  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;
}
/* CSS pour le conteneur des catégories */
  #conteneur_categories
  {
   
  }
 
  /* CSS pour les catégories */
  .categorie
  {
 
  }
 


























table.pa {
width : 800px;
height : 500px;
background-image: url(http://hdfondos.com/wp-content/uploads/2010/11/91.jpg);
  text-align: center;
  margin :5px;
  padding:5px;
  border-spacing: 20px;
  border-collapse: separate;
  border-radius: 30px 10px 30px 10px
}
td.title {
margin : -5px -10px;
color: #000000;
background-color: #fffcf7;
border: 1px #fceac4 ;
box-shadow: 1px 1px 5px #dac2ae;
border-radius : 60px 60px 5px 5px;
 font-variant: small-caps;
font-family: Agency FB;
}

td.title:hover {
color: #ffe4aa;
border: 2px #fceac4 solid;
box-shadow: 1px 1px 5px #dac2ae;
border-radius : 40px;
}
td.contenu {
font-family: Monotype Corsiva;
background-color: #;

 
}
table.pa img {
border: 1px white ;
margin-left:5px;
}
table.pa a {
color: #4e4c4c;
text-decoration : none;
}

table.pa a:hover {
color: #fff4dd;
 text-shadow: 1px 1px 3px #939191;
}

div.infobulle{
position: relative;
float: left;
margin-left:18px;
}

div.infobulle span{
display: none;
}

div.infobulle:hover{
background: none;
z-index: 999;
}
  div.infobulle:hover span
{
display: inline;
position: absolute;
top: 10px;
width: 80px;
height:80px;
  text-transform : capitalize;
  text-shadow: 1px 1px 3px #939191;
  text-align : center;
  line-height: 25px;
  color: black;
  padding: 5px;
  background-color : #ffffff;
  border : 0px 30px 0px 30px ;
 -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
 border-radius: 20px;

}
.contexte.contenu {
color: white;
}





























.panel.introduction { background: none; }







/* ONGLET */
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:0; left:0; width:;
background-color:rgb(152, 172, 167);
border: 1px solid #fff;
box-shadow : 1px 1px 1px black;
color:#fff;
text-align: center;
font-weight:none;
padding:5px;
border-radius:5px;
}

/**** Autres ***/
.chatbox {
  background: url(http://img11.hostingpics.net/pics/415454fondcat.png);
  background-color: #e6e3d8;
  border-radius: 20px 20px 20px 20px;
}

.forumline{
border: 1px solid black;
border-radius: 5px 5px 5px 5px;
}
.navig {
  position:Absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  background-color: #bec1a1;
  box-shadow : 0px 2px 5px black;
  z-index: 999;
  width: 100%;
}
body {
  background-position: top center;
  margin-top: 30px;
}

.bodyline {
    box-shadow: 0px 0px 10px black;
}

#i_logo{
  margin-top:-10px;
  margin-bottom:-48px;
  margin-left:-10px;
  margin-right:-10px;

}
/* LIEN */


a {
        color : #0e3d52;
    text-shadow : 1px 1px 0px rgba(152,172,167,0.8);
        transition : all;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        text-decoration: none !important;
}
a:link,a:active,a:visited {
    color : #0e3d52;
      text-decoration: none;
    }
a:link{
    color: #0e3d52;
      text-decoration: none;
    }
a:visited{
    color: #0e3d52;
      text-decoration: none;
    }
a:active{
    color: #b5cfc7;
      text-decoration: none;
}
a:hover{
      opacity: 1;
    color : #b5cfc7;
        text-decoration: none !important;
    text-shadow : 1px 1px 0px black;
    }

/* NAVIGATION */
a.mainmenu {
  font-size: 15px;
  color: #0a4d72;
  letter-spacing: 2px;
}
a.mainmenu:hover {
  font-variant : small-caps;
}

a.mainmenu img {display:none;}
 
/* CATEGORIE */

.titrecat {
  font-variant : small-caps;
  font-size: 15px;
  font-family : times new roman;
  border-radius : 20px 20px 0px 0px;
  background: url(http://img11.hostingpics.net/pics/853452fondcat2.png);
  width: 500px;
  height: 20px;
  text-align: center;
  margin-left: 20px;
  box-shadow: 0px 0px 10px black;
}

.titrederoulant {
  height: 30px;
  padding-top:1px;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.titrederoulant:hover {
  height: 60px;
}
a.forumlink {
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  background: #000000;
  box-shadow: 0px 0px 5px black;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 25%;
  width: 500px;
}

.fondcategorie {
  background: url(http://img11.hostingpics.net/pics/415454fondcat.png);
  background-color: #e6e3d8;
  border-radius: 20px 20px 0px 20px;
  overflow:hidder;
  box-shadow: 0px 0px 20px black inset;
}

.description{
  margin-top: -10px;
  width: 380px;
  height: 50px;
  overflow: auto;
  margin-left: 2px;
  border:1px dotted black ;
  background: rgb(190,193,161);
  color: black;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.description:hover {
  height: 70px;
}
.statistique {
  border-radius: 10px 0px 0px 10px;
  border-right: none;
  box-shadow :0px 0px 10px black;
  margin-top: 20px;
  text-align:center;
  background: #98aca7;
}

.lastmessage {
  border: 1px solid black;
  border-right: none;
  border-radius: 10px 0px 0px 10px;
  margin-right:-2px;
  margin-bottom: 5px;
  background: #f4f1df;
  text-align:center;
  height: 50px;
}

.sousforum {
  margin-top: 10px;
  width: 380px;
  margin-left: 2px;
  overflow: auto;
  border:1px dotted black ;
  height: 20px;
  background: rgba(190,193,161, 0.5);
}
 
/* ********** AFFICHAGE SUJET ********** */

.topic-title{
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  font-size: 15px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 25%;
  width: 500px;
}

.forums { 
  margin-top: 20px;
  width: 380px;
  height: 50px;
  overflow: auto;
  margin-left: 50px;
  border:1px dotted black ;
  background: rgba(190,193,161, 0.5);
}

.statistiqueforum {
  border-radius: 10px 0px 0px 10px;
  border-right: none;
  box-shadow :0px 0px 10px black;
  margin-top: 15px;
  text-align:center;
  background: #98aca7;
}

.lastmessageforum {
  border: 1px solid black;
  border-right: none;
  border-radius: 10px 0px 0px 10px;
  margin-right:-2px;
  margin-bottom: 5px;
  background: #f4f1df;
  text-align:center;
  height: 30px;
}

/* ********** MESSAGES ********** */

.profil_contour n{
text-align: center;
text-color: #ffffff;
margin : 3px;
padding:3px;
font-family: Helvetica, "sans-serif";
font-size: 12px;
font-weight: bold;
background-align: center;
background: url(http://img11.hostingpics.net/pics/415454fondcat.png);
background-color: #e6e3d8;
border-radius: 0px 0px 20px 20px;
overflow:hidder;
box-shadow: 0px 0px 10px black inset;
}

.avatar_contour {
text-align: center;
text-color: #ffffff;
margin : 10px;
padding:3px;
font-family:Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: url(http://img11.hostingpics.net/pics/415454fondcat.png);
background-color: #e6e3d8;
background-position: top center;
border-radius: 0px 0px 20px 20px;
overflow:hidder;
box-shadow: 0px 0px 20px black inset;
}



.rang {
  width: 200px;
  height: 50px;
  overflow: auto;
  margin-left: 2px;
  border:1px dotted black ;
  background: rgba(190,193,161, 0.5);
  color: black;
}
 
.profilcache {
  margin-top: -18px;
  padding-bottom: 10px;
  height: 55px;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.profilcache:hover {
 height: 150px;
}
.messages  {
padding-left : 11px;
padding-right : 11px;
padding-top : 5px;
padding-bottom : 5px;
text-align : justify;
}

.catHead {
  font-variant : small-caps;
  font-size: 15px;
  font-family : times new roman;
  border-radius : 20px 20px 0px 0px;
  background: url(http://img11.hostingpics.net/pics/853452fondcat2.png);
  width: 500px;
  height: 20px;
  text-align: center;
  margin-left: 20px;
}


/* SPOILER CODE CITATION */
.spoiler_closed {
     padding: 5px;
   display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
   line-height: 125%;
   border-top: none;
   border-radius: 5px 5px 5px 5px;
   background-color: #ffffff;
   box-shadow: 0px 0px 5px black;
   }
.spoiler_content {
     padding: 5px;
   display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
   line-height: 125%;
   border-radius: 5px 5px 5px 5px;
   background: #ffffff;
     box-shadow: 0px 0px 5px black;
}
 
.quote {
     padding: 5px;
     display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
   line-height: 125%;
   border-radius: 5px 5px 5px 5px;
   background: #ffffff;
     box-shadow: 0px 0px 5px black;
}

.code {
     padding: 5px;
       display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #fff;
     line-height: 125%;
   border-radius: 5px 5px 5px 5px;
   background: #ffffff;
   box-shadow: 0px 0px 5px black;
}

/* ITALIQUE GRAS SOULIGNEMENT */

i {
  color : #B5CFC7;
  text-shadow : 0px 1px 2px black;
  -moz-transition : color 1s;
  -webkit-transition : color 1s;
}

i:hover {
  color : white;
}

u {
  text-decoration : none;
  border-bottom : 1px solid #F4F1DF;
  border-top : 1px solid #F4F1DF;
  box-shadow : 0px 0px 5px rgba(00,00,00,0.5);

}

/* ********** BOUTONS & REPONSES ********** */
textarea, .textarea.post, input.post {
border-radius:12px 12px 12px 12px;
color : black;
border-left : 1px dotted #91657a;
border-right : 1px dotted #91657a;
border-top : 1px dotted #91657a;
border-bottom : 1px dotted #91657a;
padding-left : 2px;
padding-bottom : 2px;
padding-top : 2px;
}

.mainoption {
border-radius:5px;
border-left : 1px  #91657a;
border-right : 1px  #91657a;
border-top : 1px  #91657a;
border-bottom : 1px  #91657a;
color : black;
}

.mainoption:hover{
border-radius:5px;
border-left : 1px  #91657a;
border-right : 1px  #91657a;
border-top : 1px  #91657a;
border-bottom : 1px  #91657a;
color : white;
}

.liteoption {
border-radius:5px;
border-left : 1px  #91657a;
border-right : 1px  #91657a;
border-top : 1px  #91657a;
border-bottom : 1px  #91657a;
color : black;
}

.liteoption:hover {
color:white;
border-radius:5px;
border-left : 1px  #91657a;
border-right : 1px  #91657a;
border-top : 1px  #91657a;
border-bottom : 1px  #91657a;
color : white;
}
Dellou

Dellou
***

Féminin
Messages : 198
Inscrit(e) le : 06/10/2012

https://aurumregis.forumactif.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de la Chat Box

Message par Matriochka Lun 18 Fév 2013 - 13:17

Voilà le problème :
Code:
.forumline{
border: 1px solid black;
border-radius: 5px 5px 5px 5px;
}
Ligne 344 Wink
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de la Chat Box

Message par Dellou Lun 18 Fév 2013 - 13:20

*O*
Merci ! Merci beaucoup ! *-*
Ce sujet est résolue, encore merci o/
Dellou

Dellou
***

Féminin
Messages : 198
Inscrit(e) le : 06/10/2012

https://aurumregis.forumactif.com/
Dellou 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

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