منتديات برأآة طفلة
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
master
المـديـر العـــام
المـديـر العـــام
master


الجنس : ذكر
الابراج : الحمل
عدد المساهمات : 363
تاريخ التسجيل : 26/05/2012
العمر : 32
المزاج : مروق

[css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية Empty
مُساهمةموضوع: [css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية   [css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية Emptyالأربعاء يونيو 06, 2012 4:44 pm

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

صورة للكود

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية Reply_10
الكود: ---------تضليل المحتوى

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


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

للنسخة pHpbb2:
الكود: ---------تضليل المحتوى

  1. #quick_reply #text_editor_controls {
  2. background-color: #E5F1F9;
  3. border-radius: 8px 8px 8px 8px;
  4. height: 35px;
  5. margin-left: auto;
  6. margin-right: auto;
  7. padding: 8px;
  8. width: 500px;
  9. }
  10. #quick_reply #text_editor_controls .button2 {
  11. background-color: transparent;
  12. background-image: none;
  13. border: 0 none;
  14. border-radius: 7px 7px 7px 7px;
  15. opacity: 0.7;
  16. padding: 1px !important;
  17. }
  18. #quick_reply a.button2:hover, #quick_reply button.button2:hover {
  19. background-color: #DCEAF5 !important;
  20. border: 0 none;
  21. opacity: 1 !important;
  22. }
  23. #quick_reply button.bbcode.button2 {
  24. background-color: #E3CED2 !important;
  25. box-shadow: 0 0 10px #E3ADAD;
  26. opacity: 1;
  27. }
  28. #quick_reply button.bbcode:hover {
  29. background-color: #E3CED2;
  30. }
  31. #servimg_upload_gui p {
  32. margin: 0 !important;
  33. }
  34. #servimg_upload_gui iframe {
  35. border: 0 none;
  36. margin: 0;
  37. }
  38. #servimg_upload_gui, div#color.select, div#img.select, div#other.select, div#sel_smilies.select, div#url.select {
  39. box-shadow: 0 0 4px;
  40. }

و
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

لتعديل الخلفية عليك تغيير شفرة اللون ببدايه الكودالكود: ---------تضليل المحتوى

  1. الكود:
    #E5F1F9

والسلام
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود css لتطوير صندوق الدردشة لجعله اكثر احترافية
» كود وضع خلفية متحركة لازرار صندوق الكتابة السريع

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات برأآة طفلة :: •»◦--◦ı[.. القسم& التقني..]ı◦--◦«• :: |..كل ما يهم المنتديات...~ :: |..اكواد css...~-
انتقل الى: