Chat'i Değiştirmek.

[Junnys.]

Merhaba,



Chatimi bu şekilde yapmak istiyorum, nasıl yapılıyor bilenler söyleyebilir mi? teşekkürler şimdiden.

[SüKûT]

nerede gördün acaba özelden yollarmısın?bide tam olarak neyini soruyosun?

[Junnys.]

Tasarımını İstiyorum, Yani üstteki menüyü, hatta yazısını, mesaj gönderme yerini vs.
Normal bir yetkin forum sitesinde gördüm, sanırım kodlarla yapılıyor.

[SüKûT]

Tasarımını İstiyorum, Yani üstteki menüyü, hatta yazısını, mesaj gönderme yerini vs.
Normal bir yetkin forum sitesinde gördüm, sanırım kodlarla yapılıyor.

evet css ile yapılmıştır kodların ilk hali her forumun ana css'sinde mevcuttur oradan deneme yanılma yolu ile ve birazda ingilizce yardımıyla ve tabiki azada olsa kod bilgisi lazım düzenleye bilirsiniz.

Kod:

#frame_chatbox {
   border: none !important;
   }
body.chatbox {
   min-width: 550px !important;
   background-image: none;
   padding: 0;
   margin: 0;
   background-color: #ffffff;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
.chatbox-options {
   text-align:right;
   }
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
   float:right;
   white-space : nowrap;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 30px;
   }
#chatbox_footer table.text-styles {
   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_header {
   height: 30px;
   background-color: #ffffff;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #;
   }
.memberlist_row_1 {
   padding: 2px 2px 2px 10px;
   background-color: #;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #;
   color : #056b9e;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 10px;
   }
#chatbox_members ul li {
   margin: 2px 2px 2px 0;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
#chatbox .user {
   font-weight: bold;
   }
div#chatbox {
   color: #000000;
   }
#chatbox_contextmenu {
    background-color: #;
    border:1px solid #aaa;
   }
#chatbox_contextmenu p {
   margin:0;
    padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #;
   border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
   background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    padding-left: 20px;
   }
#chatbox_contextmenu a {
    color: #ddd;
    text-decoration: none;
    font-size: 70%;
   }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
   border:0;
   }


kodların ilk hali bunlar...

[Junnys.]

teşekkürler, konu

[SüKûT]

yapamadığın yer olursa sorduğun taktirde yardımcı olmaya çalışırım yine...

[Carucci]

Kilit.