master المـديـر العـــام
الجنس : الابراج : عدد المساهمات : 363 تاريخ التسجيل : 26/05/2012 العمر : 32 المزاج : مروق
| موضوع: [css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية الأربعاء يونيو 06, 2012 4:44 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 للنسخ: الكود: ---------تضليل المحتوى - الكود:
-
<li class="L0">#quick_reply #text_editor_controls {</li><li class="L1"> background-color: #E5F1F9;</li><li class="L2"> border-radius: 8px 8px 8px 8px;</li><li class="L3"> height: 22px;</li><li class="L4"> margin-left: auto;</li><li class="L5"> margin-right: auto;</li><li class="L6"> padding: 5px;</li><li class="L7"> width: 490px;</li><li class="L8">}</li><li class="L9">#quick_reply #text_editor_controls .button2 {</li><li class="L0"> background-color: transparent;</li><li class="L1"> background-image: none;</li><li class="L2"> border: 0 none;</li><li class="L3"> border-radius: 7px 7px 7px 7px;</li><li class="L4"> opacity: 0.7;</li><li class="L5"> padding: 1px !important;</li><li class="L6">}</li><li class="L7">#quick_reply a.button2:hover, #quick_reply button.button2:hover {</li><li class="L8"> background-color: #DCEAF5 !important;</li><li class="L9"> border: 0 none;</li><li class="L0"> opacity: 1 !important;</li><li class="L1">}</li><li class="L2">#quick_reply button.bbcode.button2 {</li><li class="L3"> background-color: #E3CED2 !important;</li><li class="L4"> box-shadow: 0 0 10px #E3ADAD;</li><li class="L5"> opacity: 1;</li><li class="L6">}</li><li class="L7">#quick_reply button.bbcode:hover {</li><li class="L8"> background-color: #E3CED2;</li><li class="L9">}</li><li class="L0">#servimg_upload_gui p {</li><li class="L1"> margin: 0 !important;</li><li class="L2">}</li><li class="L3">#servimg_upload_gui iframe {</li><li class="L4"> border: 0 none;</li><li class="L5"> margin: 0;</li><li class="L6">}</li><li class="L7">#servimg_upload_gui, div#color.select, div#img.select, div#other.select, div#sel_smilies.select, div#url.select {</li><li class="L8"> box-shadow: 0 0 4px;</li><li class="L9">}</li> طريقة التركيبلوحة الادارة ==> مظهر المنتدي ==> الألوان ==> ورقة تصميم CSS لتعديل الخلفية عليك تغيير شفرة اللون ببدايه الكودالكود: ---------تضليل المحتوى
-
- الكود:
-
#E5F1F9
والسلام | |
|