طلب: كود الصندوق الماسي

[شخـصية هـامة 0]

السلام عليكم

يوجد اكواد مختلفة 

للصندوق الماسي

فهل لديكم احدى اكواد 

اولاء

او اجلب لكم  مثال

وهذا ه ال مثال

http://im49.gulfup.com/ULhMu6.png

بس اذا يوجد غيره ؟

[alfahloy-alfahloy 0]

السلام عليكم

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

الكود:

div.sceditor-toolbar {    background: none repeat scroll 0 0 padding-box #000000 !important;}

صورة للكود 




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



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

الكود:

.sceditor-container iframe, .sceditor-container textarea {    background: none repeat scroll 0 0 #000000 !important;}

صورة للكود:




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

الكود:

.sceditor-container {    background: none repeat scroll 0 0 padding-box #000000 !important;}

صورة للكود:



ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #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 



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

الكود:

/*كود عمل خلفية لزر تغيير نمط نافذة الارسال ***Mohamed Nsr*/.hover {background: url("http://i79.servimg.com/u/f79/16/90/45/33/moduss10.png") repeat scroll 0 0transparent !important;border: 1px solid #3E78A8 !important;border-radius: 3px 3px 3px 3px !important;box-shadow: 0 1px 2px #000000 inset !important;-webkit-box-shadow: 0 1px 2px #000000 inset !important;}/*انتهاء الكود*/

صورة للكود:
قبل الضغط على زر "تغيير نمط نافذة الارسال"




بعد الضغط على زر "تغيير نمط نافذة الارسال"




ملحوظه يمكنك تغيير الخلفية عن طريق الرابط التالي الموجود في الكود :
http://i79.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




ارجوا ان اكون افدتك