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

    شاطر
    avatar
    ηмσσяι フє∂∂αωι
    المدير العام

    المدير العام

    ~][ الدولة ][~ : السعودية
    ~][ الجنس ][~ : ذكر
    ~][ الهواية ][~ ~][ الهواية ][~ : رياضة
    ~][ المُزاجَ ][~ : كول
    ~][ عدد المساهمات ][~ : 180
    ~][ نقاط التميز ][~ : 2637
    ~][ السٌّمعَة ][~ : 11
    ~][ تاريخ التسجيل ][~ : 16/09/2011
    ~][ العمر ][~ : 24
    ~][ الموقع ][~ ~][ الموقع ][~ : داخل القلب
    ~][ الترفيه ][~ ~][ الترفيه ][~ : ىخ
    ~][ الأوسمة ][~ : وسام التكريم
    ~][ دعـــاء ][~ :
    ~][ تعاليق ][~ :

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

    مُساهمة  ηмσσяι フє∂∂αωι في السبت أكتوبر 29, 2011 12:33 am

    | ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

    مرحباً بكم أيها الكرام من أعضاء و زوار

    الكود يركب بورقة css


    النسخة الثانية 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

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



    اجمل التصاميم والابداعات منتدى غيوم الابداع
    http://ebda3-3.mam9.com/
    منتدى غيوم الإبداع

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


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


      الوقت/التاريخ الآن هو الإثنين ديسمبر 11, 2017 9:27 pm