الإعلانات

كود تأثيرات على الصندوق الماسي

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

avatar
محمد مانو

عدد المساهمات : 44
نقاط : 88
تقييم العضو : 0
تاريخ الميلاد : 16/08/1988
العمـر : 30

مُساهمةمحمد مانو في الخميس مارس 06, 2014 3:12 pm

كود تأثيرات على الصندوق الماسي
اولا :كود تغيير خلفية عارضة ازرار الصندوق الماسي

الكود:

div.sceditor-toolbar {
    background: none repeat scroll 0 0 padding-box #000000 !important;
}
[color=#666666][font=Verdana, Arial, Helvetica, sans-serif][/font][/color]

ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #000000 ,,لأختيار كود اللون المطلوب



ثانيا:كود تغيير خلفية التي سيتم كتابة النص فيها في الصندوق الماسي

الكود:

.sceditor-container iframe, .sceditor-container textarea {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
    background: none repeat scroll 0 0 #000000 !important;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]



وايضا هذا الكود يمكنك تغيير خلفية التي سيتم كتابة النص فيها مع ايضا خلفية الايطار المحيط بيها فقط



الكود:
.sceditor-container {
    background: none repeat scroll 0 0 padding-box #000000 !important;
}
[font=Verdana, Arial, Helvetica, sans-serif][/font]

ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #000000 ,,لأختيار كود اللون المطلوب


ثالثا :كود تغيير لون ايطار الصندوق الماسي كله

الكود:
  .sceditor-container {
      border: 1px solid #000000 !important;
    }

ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #000000 ,,لأختيار كود اللون المطلوب

رابعا:كود تغيير لون الخط الفاصل بين ازرار الصندوق الماسي و الجزء الذي تكتب فيه المساهمه

الكود:
  div.sceditor-toolbar {
        border-bottom: 1px solid #FF0000 !important;
    }


ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #FF0000 ,,لأختيار كود اللون المطلوب

خامسا:كود تغيير خلفية صندوق الوجوه الضاحكة في الصندوق الماسي
الكود:
#sceditor_smilies body, #sceditor_smilies body * {
  background-color: #FF0000;
}


ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #FF0000 ,,لأختيار كود اللون المطلوب

سادسا :كود توضيح زر  "تغيير نمط نافذة الارسال" بمعني انه عندما يكون العضو غير ضاغط عليه سيظهر بخلفية وعليه اطار ليوضح له الزر وعند الضغط عليه يرجع الزر عادي كما كان



الكود:
/*كود عمل خلفية لزر تغيير نمط نافذة الارسال/[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
.hover {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
background: url("http://i79.servimg.com/u/f79/16/90/45/33/moduss10.png") repeat scroll 0 0 transparent !important;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
border: 1px solid #3E78A8 !important;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
border-radius: 3px 3px 3px 3px !important;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
box-shadow: 0 1px 2px #000000 inset !important;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
-webkit-box-shadow: 0 1px 2px #000000 inset !important;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
}[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size]
/*انتهاء الكود*/



ملحوظه يمكنك تغيير الخلفية عن طريق الرابط التالي الموجود في الكود :
https://i.servimg.com/u/f79/16/90/45/33/moduss10.png


سابعا:كود تغيير خلفية ازرار الصندوق الماسي كلها




الكود:
div.sceditor-group {
  background-color: #FF0000 !important;
}

ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #FF0000 ,,لأختيار كود اللون المطلوب



ثامنا:كود تغيير لون ازرار الصندوق الماسي عند مرور عليه بالماوس على احد الازرار وايضا يقوم بتحديد الخيار الذي انتا عليه من حيث خط عريض او خط مائل او النص في المنتصف او على اليمين او على اليسار

الكود:
.sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
  background-color: #00FF00 !important;
}

ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #00FF00 ...لأختيار كود اللون المطلوب



طريقة كل هذه الاكواد واحدة
لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الوان>>ورقة تصميم ال css

avatar
Islam Hagras
مؤسس المنتدى
مؤسس المنتدى
ذكر
عدد المساهمات : 71
نقاط : 71
تقييم العضو : 0
تاريخ الميلاد : 15/07/1999
العمـر : 19

مُساهمةIslam Hagras في الخميس مارس 06, 2014 4:36 pm

موضوع رائع بوركت

avatar
alaash

عدد المساهمات : 19
نقاط : 21
تقييم العضو : 0
تاريخ الميلاد : 16/10/1984
العمـر : 34

مُساهمةalaash في الإثنين مارس 24, 2014 5:40 pm

avatar
شموخ القوافي

عدد المساهمات : 3
نقاط : 1
تقييم العضو : 0
تاريخ الميلاد : 09/02/1980
العمـر : 38

مُساهمةشموخ القوافي في الإثنين أكتوبر 06, 2014 11:17 am

روووووووووعه مشكور

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

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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