هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

description كود css لتطوير الدردشة راائع للنسخة الثانية Empty كود css لتطوير الدردشة راائع للنسخة الثانية

more_horiz
صوره للدرشه بعد تركيب الكود

 كود css لتطوير الدردشة راائع للنسخة الثانية 1316609842841



الكود

الكود:


    #chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
    color: #9a9a9a;
    text-shadow: 1px 1px 1px #ffffff;
    text-decoration:none;
    font-family: Arial Black;
    text-transform: uppercase;
    }
    #chatbox_main_options a:hover{
    color: grey;
    text-shadow: 1px 1px 1px #b8b8b8;
    text-decoration:none !important;
    font-family: Arial Black;
    text-transform: uppercase;
    }

    #chatbox_main_options {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
    float: right;
    border: 1px solid #c9c9c9;
    margin-right: 50px;
    margin-top: -17px;
    padding: 2px 3px 1px 5px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0px 0px 4px #c6c6c6;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    }
    #chatbox_main_options:hover {
    margin-top: -7px;
    }
    /*----------------Members----------------*/
    #chatbox_members {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);
    margin-bottom: -30px;
    border-right: 1px solid #c9c9c9;
    background-color: #ffffff;
    }
    #chatbox_members:hover {
    border-right: 1px solid #b7b7b7;
    background-color: #fcfcfc;
    }
    h4.member-title{
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
    font-family: Arial Black;
    text-transform: uppercase;
    color: #ffffff !important;
    text-shadow: 0px 0px 3px black;
    margin-top: -1px;
    cursor: default;
    letter-spacing: 0.5em;
    }

    #chatbox_members ul {
    list-style: none;
    margin: 0px;
    }
    #chatbox_members ul li {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);
    font-family: Arial Black;
    font-weight: bold;
    font-size: 14px;
    color: #393939;
    padding-left: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0px;
    }

    #chatbox_members ul li:hover {
    background-color: #f4f4f4;
    background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');
    background-repeat: no-repeat;
    background-position: center left;
    }
    #chatbox_members ul li:active {
    background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.png');
    }
    #chatbox_members ul li a {
    text-shadow: 1px 1px 1px #ffffff;
    font-size: 12px;
    color: #909090;
    text-decoration: none;
    }
    #chatbox_members ul li a:hover {
    color: #393939;
    text-decoration: none !important;
    }



























    /*----------------Footer----------------*/
    #chatbox_messenger .catBottom{
    background: none !important;
    }
    #chatbox_messenger_form {
    width: 550px;
    background: none !important;
    float: none !important;
    bottom: 0px ;
    position: fixed;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
    .chatfootertable {
    -webkit-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px -0px 4px #d4d4d4;
    -moz-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 0px;
    height: 30px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
    background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
    }
    .chatfootertable:hover {
    border-top: 1px solid #a7a7a7;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    }
    .text-styles {
    color: grey;
    }
    #divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    #divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    #divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }
    .gen label input#message {
    height: 17px;
    font-size: 12px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen label input#message:hover {
    border: 1px solid #b2b2b2;
    background-color: #f5f5f5;
    }
    .gen label input#message:focus {
    border: 1px solid #a4a4a4;
    background-color: #e0fdff;
    }
    .gen input#submit_button {
    cursor: pointer;
    color: #929292;
    font-family: Arial Black;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen input#submit_button:hover {
    color: #2c2c2c;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    .gen input#submit_button:active {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }
طريقة التركيب/لوحة الادارة/مظهر المنتدى/الون/ورقة الـــCSS/ ضع الكود ثم اعمل سجل 


ومبروووك عليك الكود

المصدر

description كود css لتطوير الدردشة راائع للنسخة الثانية Emptyرد: كود css لتطوير الدردشة راائع للنسخة الثانية

more_horiz
صورة معاينة الكود لا تعمل
يغلق



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

جميع الحقوق محفوظة لدليل الاشهار العربي