Sohbetin geliştirilmesi

[admin]

"Konu" linkindeki bendeki css leri düzelttim.  (http://destek.10tl.net/showthread.php?tid=71209&pid=444901#pid444901)
mydiv ile mesajlar, 
userlist ile kullanicilar, 
hepsini beraber css içine koyunca eski sohbetlerde de çalışıyor. 
sohbet15 ve sonrasında, css lerde  mesajlar ve kullanicilar bloklarının olması yeterli. 


Örnek css:

Kod: Tümünü Seç Tümünü Kopyala

@charset "utf-8";
/* CSS Document */
.bilgi {
   display: inline-block;
}
/*
.xx diye yazanlar, class olanlar,
#xx diye yazanlar, id olanlar.

*/
section {
   width: 600px;
   height: 300px;
   padding: 2px;
background: #e74c3c url(noise.png) ;
   border-left: #34495e 3px solid ;
border-right: #34495e 3px solid ;
margin: 7px ;
}

div#mydiv { /* sohbet */
   float: left;
   width: 500px;
height: 295px;
text-align: left;
padding: 1px;
overflow:auto;
color: #fff ;
}

div#userlist {
background: #464646 url(noise.png);
margin-left: 505px;
color: #fff ;
height:295px;
border: 1px solid #efefef;
text-align: left;
padding: 1px;
overflow-y:auto;
overflow-x: hidden;
}

div#mesajlar { /* sohbet */
   float: left;
   width: 500px;
height: 295px;
text-align: left;
padding: 1px;
overflow:auto;
color: #fff ;
}

div#kullanicilar {
background: #464646 url(noise.png);
margin-left: 505px;
color: #fff ;
height:295px;
border: 1px solid #efefef;
text-align: left;
padding: 1px;
overflow-y:auto;
overflow-x: hidden;
}

div#alttaraf {
   width: 600px;
height:100px;
text-align: left;
}

/* Power Extra CSS Başlangıç */

#msjgonder {
background: #464646 url(noise.png);
padding: 5px ;
margin-bottom: 0 ;
margin: 7px ;
border-right: 3px solid #e74c3c ;
border-left: 3px solid #e74c3c ;
width: 595px ;
color: #fff ;
}

#sohbetbuton {
background: #e74c3c url(noise.png);
border: 2px dotted #464646 ;
padding: 4px ;
border-radius: 8px ;
display: inline-block;
transition: 1s ;
}

#sohbetbuton a, a:hover, a:active {
color: #fff ;
text-decoration: none ;
}

#sohbetbuton:hover {
transition: 1s ;
border-radius: 0px ;
background: #c0392b url(noise.png);
}

.sohbetbox {
background: #464646 ;
border: 1px solid #efefef;
border-left: 4px solid #efefef;
color: #fff ;
width: 150px ;
transition: 1s all ;
}

.sohbetbox:focus {
width: 220px ;
transition: 1s all ;
box-shadow: 0px 0px 3px #efefef ;
}

/* Power Extra CSS Bitiş */