[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
معدل النشاط : 10482
السُمعة : 46

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

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

الرجوع الى أعلى الصفحة


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