منتدى خدمة نت

منتدى خدمة نت لخدمات الواب منتدى متخصص في تقديم الخدمات المجانية والمدفوعة للمنتديات العربية. عديد الخدمات الحصرية نقدمها لكم، أحلى خدمة أحلى بار وغيرها


    كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

    شاطر

    MoHaMeD R45
    عضو نشيط
    عضو نشيط

    جنسيتي : السعودية
    عدد المساهمات : 102
    نشاطـي : 346
    تقييماتـي : 0
    تاريخ التسجيل : 13/11/2012
    العمر : 24

    كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

    مُساهمة من طرف MoHaMeD R45 في السبت يناير 05, 2013 2:38 am

    السلام وعليكم كود الدردشة الاحترافية متل منتدانا



    النسخة الثانية Css For Phpbb 2 l

    الرمز:
    #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

    تظهر مكان عبة الدردشة فهي مثلها ولاكن مطورة
    بالتوفيق لكم

    aymen ben
    عضو نشيط
    عضو نشيط

    جنسيتي : الجزائر
    عدد المساهمات : 52
    نشاطـي : 148
    تقييماتـي : 0
    تاريخ التسجيل : 08/05/2013
    العمر : 17

    تتسابق الكلمات وتتزاحم العبارات لتنظم عقد الشكرالذي لايستحقه إلا أنت إليك يامن كان لها قدم السبق في ركب العلم والتعليم إليك يا من بذلت ولم تنتظري العطاء إليك أهدي عبارات الشكر والتقدير. *********************** تلوح في سمائنا دوما نجوم براقة لايخفت

    مُساهمة من طرف aymen ben في السبت مايو 11, 2013 11:50 am

    تتسابق الكلمات وتتزاحم العبارات لتنظم عقد الشكرالذي لايستحقه إلا أنت

    إليك يامن كان لها قدم السبق في ركب العلم والتعليم

    إليك يا من بذلت ولم تنتظري العطاء

    إليك أهدي عبارات الشكر والتقدير.

    ***********************

    تلوح في سمائنا دوما نجوم براقة

    لايخفت بريقها عنا لحظة واحدة

    نترقب إضاءتها بقلوب ولهانه

    ونسعد بلمعانها في سمائنا كل ساعة

    فاستحقت وبكل فخر أن يرفع اسمها في عليانا

      الوقت/التاريخ الآن هو الأحد ديسمبر 04, 2016 8:15 am