tchat

[Shon66]

Bonjour,

Je voudrais savoir s'il est possible dans la tchatbox de déplacer la barre en bas ou on peut mettre en gras italique souligné car ça gene pour la lecture de la dernière phrase meme en pleine page.

Merci

[SoraNoHime]

Bonsoir

QU'appellez-vous déplacer ? pouvez-vous fournir une image ?

Cordialement.

[Shon66]

Voila un copie écran

Voyez en bas ça gene la lecture de la dernière phrase surtout quand elle est un peu longue. La phrase est cachée par les icones gras, italiques, souligné.

Fichiers joints

probleme tchat.doc Vous n'avez pas la permission de télécharger les fichiers joints.(186 Ko) Téléchargé 6 fois

[SoraNoHime]

Pouvez-vous me fournir la css de votre chat box ?

[Shon66]

Voilà le CSS

Code:

body{
background-position: top center;
background-repeat: repeat-x;
}

#submenu ul li a {
padding: 0px;
padding-top: 20px;
/padding-top: 0px;
margin: 0px;
border-bottom: none;
text-decoration: none;
background-color: transparent;
}

#submenu {
padding: 0px;
margin: 0px;
margin-left: 11px;
margin-top: 8px;
}

div#logostrip #main-title h1{
background-color: transparent;
padding: 0px;
margin: 0px;
}
#site-desc{
padding: 0px;
margin: 0px;
}
#userlinks{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}

#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
}
#userlinks ul{
margin-right: 50px;
}

#fa_ticker_block{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
min-height: 10px;
background-repeat: repeat-y;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}
#fa_ticker_container{
padding: 2px;
}

#fa_ticker{
background-image: none !important;
}

div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#wrapper{
background-color: transparent !important;
margin: 0px ;
padding-top: 25px;
margin: 0px 30px;
}

#gfooter{
background-color: transparent;
color: #000;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
/margin-top: -16px;
}

#gfooter
.footer-links{
float: left;
padding-left: 0px;
margin-top: 25px !important;
font-size : 1.0em;
color: #000;
}

#gfooter a {
background-color: transparent;
color: #000 !important;
}


.current-time{
padding-right: 5px;
margin-right: 20px;
}

#qjump{
padding: 0px 0px 10px 30px;
}

table.ipbtable tfoot td{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}

#navstrip li {
   float: left;
   margin: 0 5px;
   padding-left: 16px;
   background: url('http://i15.servimg.com/u/f15/11/95/30/70/1011.png') no-repeat left 50%;
   }
#navstrip li.begin {
   padding-left: 16px;
   background: url('http://i15.servimg.com/u/f15/11/95/30/70/1012.png') no-repeat left 50%;
   }
div.maintitle .expand,div.maintitle .contract {
   float: right;
   width: 30px;
   height: 20px;
   background: url('http://i15.servimg.com/u/f15/11/95/30/70/215.png') no-repeat 50% 50%;
   cursor: pointer;
   }
div.maintitle .expand {
   background: url('http://i15.servimg.com/u/f15/11/95/30/70/315.png') no-repeat 50% 50%;
   }

.popmenubutton a { 
padding: 1px 21px 2px 7px;
border-top: 1px dotted #00485E;
    background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/115.png');
    }

 
.box-content{
border-bottom: 0px;
}
div.maintitle{
padding-bottom: 4px;
padding-top: -4px;
margin: 0px;
}

.post-footer ul.posting-icons li{
padding-left: 3px;
}
td.row1, td.row2{
border: 1px dotted #00485E;
}

div.borderwrap{
padding: 0px;
margin: 0px;
}

#i_icon_mini_calendar:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/214.png');
}



#i_icon_mini_portal:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/711.png');
}
#i_icon_mini_groups:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/gro10.png');
}

#i_icon_mini_profile:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/416.png');
}

#i_icon_mini_members:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/314.png');
}

#i_icon_mini_gallery:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/514.png');
}

#i_icon_mini_faq:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/613.png');
}
#i_icon_mini_search:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/812.png');
}
#i_icon_mini_logout:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/910.png');
}

#i_icon_mini_login:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/114.png');
}

#i_icon_mini_index:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/acc10.png');
}

#i_icon_mini_message:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/messag10.png');
}

#i_icon_mini_register{
  background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/s_enre10.png');
  width: 95px;
  height: 35px;
}
#i_icon_mini_register:hover{
  background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1013.png');
  width: 95px;
  height: 35px;
}

#i_icon_mini_new_message{
  background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/mp_new10.png');
  width: 80px;
  height: 35px;
}
#i_icon_mini_new_message:hover{
  background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1112.png');
  width: 80px;
  height: 35px;
}

.tfooter{
margin: 0px;
padding: 0px;
}
.post{
background-image: url('http://i17.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
padding: 0px;
padding-bottom: 25px;
border-bottom: none !important;
border-left: 1px dotted #00485E;
border-right: 1px dotted #00485E;
}

.search-footer-box { display: none; }
#search-box { display: none; }

.darkrow{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
.topic-footer{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
margin-top: 0px;
}
div.newslink{
background-color: transparent;
}
.box-content{
border-bottom: 0px;
}

div.borderwrap{
border: none;
-moz-box-shadow:  2px 2px 3px#888888;
-webkit-box-shadow:  2px 2px 3px #888888;
box-shadow: 2px 2px 3px #004707;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=3);
zoom: 1;
}
.bar{
background-color: #FFF;
border: 1px dotted #00485E;
text-decoration: none;
}

.formsubtitle{
background-image: url('http://i17.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
}

.posting-options .posting-buttons li{
margin-left : 4px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 0px;
}
.next-prev{
margin-right: 25px;
}
ul.privmsg li {
color: #000;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
overflow: visible;
vertical-align:middle;
border: 2px inset #fff;
}

ul.privmsg li a {
color: #000;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px ridge #fff;
}

ul.privmsg li a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}

ul.privmsg li a a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}

button.button2, input.button2 {
color: #000000;
background-repeat: repeat-x;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px outset #fff;
}


button.button2:hover, input.button2:hover {
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
color: #000000;
background-position: bottom;
border: 2px inset #fff;
}

.button, .mainoption{
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}

.button:hover, .mainoption:hover{
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}

.module .maintitle{
background-color: transparent !important;
color: #002832;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/b410.jpg');
background-repeat: repeat-x;
height: 27px;
padding-top: 4px;
margin-bottom: -9px;
}

.module .box-content{
border-style: dotted;
border-width: 1px;
border-color:  #535353 #6b6b6b #433f3f #212326;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}

#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}

#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}

Merci

[Ea]

Bonjour,


Cela vient d'un code CSS qui rajoute une marge intérieur en dessous des éléments avec la classe .post, pour l'annuler pour la chatbox vous pouvez ajouter :

Code:

body.chatbox .post { padding-bottom: 0; }

Cordialement.

[Shon66]

Ca marche je vous remercie beaucoup

Bonne soirée

[Shon66]

J'avais oublié de mettre résolu ^^