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

اليوم اتيت لكم بأكواد رائع تعمل على تجميل منظر الصندوق الماسي 

---

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

الكود: ---------تضليل المحتوى

الكود:

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

صورة للكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب

---

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

الكود: ---------تضليل المحتوى

الكود:

.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;
}

صورة للكود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب

---

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

الكود: ---------تضليل المحتوى

الكود:

  .sceditor-container {
      border: 1px solid #000000 !important;
    }

صورة للكود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب

---

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

الكود: ---------تضليل المحتوى

الكود:

  div.sceditor-toolbar {
        border-bottom: 1px solid #FF0000 !important;
    }

صورة للكود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب

---

خامسا:كود تغيير خلفية صندوق الوجوه الضاحكة في الصندوق الماسي

الكود: ---------تضليل المحتوى

الكود:

#sceditor_smilies body, #sceditor_smilies body * {
  background-color: #FF0000;
}

صورة للكود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب

---

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

الكود: ---------تضليل المحتوى

الكود:

/*كود عمل خلفية لزر تغيير نمط نافذة الارسال ***Mohamed Nsr*/
.hover {
background: url("http://i79.servimg.com/u/f79/16/90/45/33/moduss10.png") repeat scroll 0 0 transparent !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;
}
/*انتهاء الكود*/

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

---

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

الكود: ---------تضليل المحتوى

الكود:

div.sceditor-group {
  background-color: #FF0000 !important;
}

صورة للكود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب

---

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

الكود: ---------تضليل المحتوى

الكود:

.sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
  background-color: #00FF00 !important;
}

صورة للكود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
لأختيار كود اللون المطلوب

---

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

---

ارجوا ان اكون افدتكم
انتهي الموضوع

الرابط    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]