معلومات

ملتقى أفكار شباب العرب
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخول  تسجيل الدخولتسجيل الدخول  

شاطر | 
 

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

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

عدد المساهمات : 352
السمعة : 15
تاريخ التسجيل : 24/08/2011
العمر : 25
نقاط : 1371
MMS :
لونك المفضل :
اعلام :
الأبراج : الجدي
الأبراج الصينية : القرد

هدية من صديقتي الفتاة الزمردية


هدية من صديقتي ملكة الابداع



مُساهمةموضوع: [css] كود جعل ازرار الرد السريع احترافية وراائعة   الإثنين يوليو 30, 2012 5:21 pm

السلام عليكم ورحمة الله وبركاته

اقدم لكم كود سي اس اس يجعل الازرار في الرد السريع

بطريقة راائعة وجميلة واكثر احترافية

تزيد في جمال مظهر المنتدى


صورة للكود





الكود:
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
وشكرا






الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://informations.allgoo.net
ملكة الابداع
نائبة المديرة
نائبة المديرة
avatar

عدد المساهمات : 354
السمعة : 10
تاريخ التسجيل : 28/09/2011
العمر : 20
نقاط : 817
MMS :
لونك المفضل :
اعلام : اعلام
الأبراج : العذراء
الأبراج الصينية : الثور






مُساهمةموضوع: رد: [css] كود جعل ازرار الرد السريع احترافية وراائعة   الثلاثاء يوليو 31, 2012 1:27 am

شكراا على الموضوع الرائع يسلموا





الرجوع الى أعلى الصفحة اذهب الى الأسفل
نبع القلب
عضوة جديدة
عضوة جديدة
avatar

عدد المساهمات : 13
السمعة : 3
تاريخ التسجيل : 29/07/2012
العمر : 19
نقاط : 18
اعلام :
الأبراج : الاسد
الأبراج الصينية : النمر


مُساهمةموضوع: رد: [css] كود جعل ازرار الرد السريع احترافية وراائعة   السبت أغسطس 04, 2012 9:44 pm

شكرا لك على الشرح جزاك الله

خيرا دمتي في حفظ الرحمن


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[css] كود جعل ازرار الرد السريع احترافية وراائعة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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