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

اذهب الى الأسفل

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

مُساهمة من طرف Mohamed الجمعة 24 يناير 2014 - 16:29

بسم الله الرحمان الر 
والصلاة والسلام على افضل الخلق سيدنا محمد عليه افضل الصلاة والسلام 
السلام عليكم ورحمة الله وبركاته اعضاء وزوار احلى منتدى 
اما بعد 
اليوم اتيت لكم بأكواد رائع تعمل على تجميل منظر الصندوق الماسي 



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

الكود:
div.sceditor-toolbar {
    background: none repeat scroll 0 0 padding-box #000000 !important;
}
صورة للكود
كود تأثيرات على الصندوق الماسي***Mohamed Nsr Kht8u10
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #000000 ,,لأختيار كود اللون المطلوب


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

الكود:
.sceditor-container iframe, .sceditor-container textarea {
    background: none repeat scroll 0 0 #000000 !important;
}
صورة للكود:
كود تأثيرات على الصندوق الماسي***Mohamed Nsr Er7kj10
وايضا هذا الكود يمكنك تغيير خلفية التي سيتم كتابة النص فيها مع ايضا خلفية الايطار المحيط بيها فقط
الكود:
.sceditor-container {
    background: none repeat scroll 0 0 padding-box #000000 !important;
}
صورة للكود:
كود تأثيرات على الصندوق الماسي***Mohamed Nsr Kjxiu10
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #000000 ,,لأختيار كود اللون المطلوب


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

الكود:
  .sceditor-container {
      border: 1px solid #000000 !important;
    }
صورة للكود:
كود تأثيرات على الصندوق الماسي***Mohamed Nsr Azvxt10
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #000000 ,,لأختيار كود اللون المطلوب


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

الكود:
  div.sceditor-toolbar {
        border-bottom: 1px solid #FF0000 !important;
    }
صورة للكود:
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 6jxjn10
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #FF0000 ,,لأختيار كود اللون المطلوب


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

الكود:
#sceditor_smilies body, #sceditor_smilies body * {
  background-color: #FF0000;
}
صورة للكود:
كود تأثيرات على الصندوق الماسي***Mohamed Nsr I1evz10
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #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;
}
/*انتهاء الكود*/

صورة للكود:
قبل الضغط على زر "تغيير نمط نافذة الارسال"
كود تأثيرات على الصندوق الماسي***Mohamed Nsr Zmrrp10
بعد الضغط على زر "تغيير نمط نافذة الارسال"
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 2ildw10
ملحوظه يمكنك تغيير الخلفية عن طريق الرابط التالي الموجود في الكود :
https://i.servimg.com/u/f79/16/90/45/33/moduss10.png


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

الكود:
div.sceditor-group {
  background-color: #FF0000 !important;
}
صورة للكود:
كود تأثيرات على الصندوق الماسي***Mohamed Nsr Utcfp10
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #FF0000 ,,لأختيار كود اللون المطلوب


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

الكود:
.sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
  background-color: #00FF00 !important;
}
صورة للكود:
كود تأثيرات على الصندوق الماسي***Mohamed Nsr Bwagf10
ملحوظة :يمكنك تغيير اللون عن طريق الكود التالي #00FF00
لأختيار كود اللون المطلوب


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



ارجوا ان اكون افدتكم
انتهي الموضوع
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 221706 
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 376553 
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 201477 
تحياتي
[Mohamed Nsr]
فريق المساعدة

كود تأثيرات على الصندوق الماسي***Mohamed Nsr Help_r10
منقول للافادة
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 825617
تم تجديد الصور بواسطة : DeLeTe


عدل سابقا من قبل (GeNeRaL) في الأحد 26 أبريل 2015 - 23:31 عدل 2 مرات (السبب : تجديد الصور)



كود تأثيرات على الصندوق الماسي***Mohamed Nsr 31010
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 410 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 410 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
كود تأثيرات على الصندوق الماسي***Mohamed Nsr 410 لا يتم المساعدة على الخاص! 


Mohamed
Mohamed
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 11357
معدل النشاط : 16013
السُمعة : 454

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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