hhhhhhhhhhhhh
كود تأثيرات على الصندوق الماسي AowLi
hhhhhhhhhhhhh
كود تأثيرات على الصندوق الماسي AowLi
hhhhhhhhhhhhh
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

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


عدد المساهمات : 277

تاريخ التسجيل : 22/01/2014
ذكر
نقاط : 500762
السٌّمعَة : 0

كود تأثيرات على الصندوق الماسي Empty
مُساهمةموضوع: كود تأثيرات على الصندوق الماسي   كود تأثيرات على الصندوق الماسي Emptyالجمعة مارس 28, 2014 1:45 pm

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




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

الكود:
الكود:
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 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;
}
/*انتهاء الكود*/

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

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

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




ارجوا ان اكون افدتكم
انتهي الموضوع
 
 
 
تحياتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hhhhhhhhh.0wn0.com
 
كود تأثيرات على الصندوق الماسي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  [حصري] كودJavascript اضافة زر باسفل الصندوق الماسي امسح النص بجانب زر معاينة وارسال
»  تأثيرات فلاشية للفوتوشوب

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
hhhhhhhhhhhhh :: 
تطوير منتديات احلى منتدى
 :: اكواد الانسيابيه | Css
-
انتقل الى: