| كود تأثيرات على الصندوق الماسي | |
|
كاتب الموضوع | رسالة |
---|
|
|
المعلومات | الكاتب: | | اللقب: | المشرف العام | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 125 | السٌّمعَة : | 3 | تاريخ التسجيل : | 25/11/2015 |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: كود تأثيرات على الصندوق الماسي الإثنين 11 يوليو 2016 - 21:34 |
|
كود تأثيرات على الصندوق الماسيجرب وسترى نتيجة مفرحة بإذن الله أنا عن نفسي جربته وكل الأكواد شغالة أضافت لمسة جمالية على الصندوق الماسي /نافدة ارسال المواضيع/ اولا :كود تغيير خلفية عارضة ازرار الصندوق الماسي
الكود: الرمز: - اقتباس :
- div.sceditor-toolbar {
background: none repeat scroll 0 0 padding-box [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] !important; }
صورة للكود
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب
ثانيا:كود تغيير خلفية التي سيتم كتابة النص فيها في الصندوق الماسي
الكود: الرمز: . - اقتباس :
- sceditor-container iframe, .sceditor-container textarea {
background: none repeat scroll 0 0 [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] !important; }
صورة للكود:
وايضا هذا الكود يمكنك تغيير خلفية التي سيتم كتابة النص فيها مع ايضا خلفية الايطار المحيط بيها فقط الكود:
الرمز: . - اقتباس :
- sceditor-container {
background: none repeat scroll 0 0 padding-box [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] !important; }
صورة للكود:
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب
ثالثا :كود تغيير لون ايطار الصندوق الماسي كله
الكود: الرمز: . - اقتباس :
- sceditor-container {
border: 1px solid [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] !important; }
صورة للكود:
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب
رابعا:كود تغيير لون الخط الفاصل بين ازرار الصندوق الماسي و الجزء الذي تكتب فيه المساهمه
الكود:
الرمز: - اقتباس :
- div.sceditor-toolbar {
border-bottom: 1px solid [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] !important; }
صورة للكود:
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب
سادسا :كود توضيح زر "تغيير نمط نافذة الارسال" بمعني انه عندما يكون العضو غير ضاغط عليه سيظهر بخلفية وعليه اطار ليوضح له الزر وعند الضغط عليه يرجع الزر عادي كما كان
الكود: الرمز: - اقتباس :
- /*كود عمل خلفية لزر تغيير نمط نافذة الارسال ***Mohamed Nsr*/
.hover { background: url("https://i.servimg.com/u/f79/16/90/45/33/moduss10.png") repeat scroll 0 0 transparent !important; border: 1px solid [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] !important; border-radius: 3px 3px 3px 3px !important; box-shadow: 0 1px 2px [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] inset !important; -webkit-box-shadow: 0 1px 2px [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] inset !important; } /*انتهاء الكود*/
صورة للكود: قبل الضغط على زر "تغيير نمط نافذة الارسال"
بعد الضغط على زر "تغيير نمط نافذة الارسال"
ملحوظه يمكنك تغيير الخلفية عن طريق الرابط التالي الموجود في الكود : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
سابعا:كود تغيير خلفية ازرار الصندوق الماسي كلها
الكود:
الرمز: - اقتباس :
div.sceditor-group { background-color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] !important; }
صورة للكود:
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ,,لأختيار كود اللون المطلوب
ثامنا:كود تغيير لون ازرار الصندوق الماسي عند مرور عليه بالماوس على احد الازرار وايضا يقوم بتحديد الخيار الذي انتا عليه من حيث خط عريض او خط مائل او النص في المنتصف او على اليمين او على اليسار
الكود: الرمز: - اقتباس :
- .sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
background-color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] !important; }
صورة للكود:
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] لأختيار كود اللون المطلوب
طريقة كل هذه الاكواد واحدة لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الوان>>ورقة تصميم ال css
معذرة لم أتمكن من وضع الصور لكن الأكواد كلها شغالة وبكفاءة عالية
|
|
| |
|
|
المعلومات | الكاتب: | | اللقب: | | الرتبه: | | الصورة الرمزية | | البيانات | عدد المساهمات : | 80 | السٌّمعَة : | 9 | تاريخ التسجيل : | 03/12/2015 |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: رد: كود تأثيرات على الصندوق الماسي الثلاثاء 12 يوليو 2016 - 13:41 |
|
|
|
| |
|
|
المعلومات | الكاتب: | | اللقب: | المشرف العام | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 125 | السٌّمعَة : | 3 | تاريخ التسجيل : | 25/11/2015 |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| |
| |
|
|
المعلومات | الكاتب: | | اللقب: | المشرف العام | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 215 | السٌّمعَة : | 11 | تاريخ التسجيل : | 08/12/2014 | الموقع : | بيت الجزائر لكل العرب |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| |
| |
|
|
المعلومات | الكاتب: | | اللقب: | المشرف العام | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 125 | السٌّمعَة : | 3 | تاريخ التسجيل : | 25/11/2015 |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: رد: كود تأثيرات على الصندوق الماسي الأربعاء 13 يوليو 2016 - 2:41 |
|
|
|
| |
|
|
المعلومات | الكاتب: | | اللقب: | المشرف العام | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 233 | السٌّمعَة : | 17 | تاريخ التسجيل : | 27/09/2014 |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| |
| |
|