منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف A7medvirus في الثلاثاء 20 ديسمبر 2011 - 16:09

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

صورة للكود

الكود:
http://i47.servimg.com/u/f47/17/07/42/77/reply_10.png

الكود ==> اختر الكود المناسب لنسخة منتداك

للنسخة 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
والسلام

avatar
A7medvirus
 
 

ذكر
عدد المساهمات : 8167
معدل النشاط : 10264
السُمعة : 46

http://www.fm63.net/t1458-topic#5564

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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