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

شاطر | 
 

 [CSS] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معاذ بحر
الإدارة العليا
الإدارة العليا
avatar

الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 20

مُساهمةموضوع: [CSS] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية   20/1/2013, 19:12

اقدم لكم كود سي اس اس لجعل ازرار الرد اكثر احترافية
وشفافية للتجميل من مظهر منتداكم
صورة للكود

الكود ==> اختر الكود المناسب لنسخة منتداك
الكود الخاص بالنسخة pHpbb2
الكود:
    #quick_reply #text_editor_controls {
        background-color: #E5F1F9;
        border-radius: 8px 8px 8px 8px;
        height: 35px;
        margin-left: auto;
        margin-right: auto;
        padding: 8px;
        width: 500px;
    }
    #quick_reply #text_editor_controls .button2 {
        background-color: transparent;
        background-image: none;
        border: 0 none;
        border-radius: 7px 7px 7px 7px;
        opacity: 0.7;
        padding: 1px !important;
    }
    #quick_reply a.button2:hover, #quick_reply button.button2:hover {
        background-color: #DCEAF5 !important;
        border: 0 none;
        opacity: 1 !important;
    }
    #quick_reply button.bbcode.button2 {
        background-color: #E3CED2 !important;
        box-shadow: 0 0 10px #E3ADAD;
        opacity: 1;
    }
    #quick_reply button.bbcode:hover {
        background-color: #E3CED2;
    }
    #servimg_upload_gui p {
        margin: 0 !important;
    }
    #servimg_upload_gui iframe {
        border: 0 none;
        margin: 0;
    }
    #servimg_upload_gui, div#color.select, div#img.select, div#other.select, div#sel_smilies.select, div#url.select {
        box-shadow: 0 0 4px;
    }
الكود الخاص بالنسخ PHPBB3-PUNBB-Invision
الكود:
    #quick_reply #text_editor_controls {
        background-color: #E5F1F9;
        border-radius: 8px 8px 8px 8px;
        height: 22px;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
        width: 490px;
    }
    #quick_reply #text_editor_controls .button2 {
        background-color: transparent;
        background-image: none;
        border: 0 none;
        border-radius: 7px 7px 7px 7px;
        opacity: 0.7;
        padding: 1px !important;
    }
    #quick_reply a.button2:hover, #quick_reply button.button2:hover {
        background-color: #DCEAF5 !important;
        border: 0 none;
        opacity: 1 !important;
    }
    #quick_reply button.bbcode.button2 {
        background-color: #E3CED2 !important;
        box-shadow: 0 0 10px #E3ADAD;
        opacity: 1;
    }
    #quick_reply button.bbcode:hover {
        background-color: #E3CED2;
    }
    #servimg_upload_gui p {
        margin: 0 !important;
    }
    #servimg_upload_gui iframe {
        border: 0 none;
        margin: 0;
    }
    #servimg_upload_gui, div#color.select, div#img.select, div#other.select, div#sel_smilies.select, div#url.select {
        box-shadow: 0 0 4px;
    }

طريقة التركيب
لوحة الادارة ==> مظهر المنتدي ==> الألوان ==> ورقة تصميم CSS
لتعديل الخلفية عليك تغيير شفرة اللون ببدايه الكود
الكود:
    #E5F1F9
:silent:
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com
 
[CSS] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS-
انتقل الى: