الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

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

أهلا وسهلا بك زائرنا الكريم ، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات ، بالضغط هنا . كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه وأهلاً وسهلا بك مرة أخرى


أهلا وسهلا بك الى منتديات معاذ بحر


 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS
شاطر
بيانات كاتب الموضوع
[CSS] كود لتطوير علبة الدردشة لجعله أكثر احترافية
.: الـمعـلومـآت :.
الكاتب:
اللقب:
الإدارة العليا
الرتبه:
الإدارة العليا
.: الصـورة الرمزيـة :.
avatar
.: الـبيـآنـآت :.
الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 19
.: الســآعة الآن :.

.: معـلــومــآت الاتصــآل :.
الحالة:
اتصـل بي:
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com

[CSS] كود لتطوير علبة الدردشة لجعله أكثر احترافية


الكود يركب بورقة 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
:silent:


تم الارســال 16/1/2013, 22:48

أضــف تعليقك على الموضوع بوساطة الفيس بوكـ
الــرد الســـريـع

خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت روابط لاتعمل في الموضوع او أن الموضوع ( [CSS] كود لتطوير علبة الدردشة لجعله أكثر احترافية ) مخالف ,, من فضلك راسل الإدارة من هنا