-

الرئيسيةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

اخر المواضيع

جديدبرنامج تنظيف وصيانة الكمبيوتر العملاق CCleaner 5.32.6129اليوم في 03:20 am من طرفنبض العيونجديدلاتفوت عروض المدينة هايبر الأسبوعية 26 يوليو 2017 الموافق 3 ذي القعدة 1438 صيف التوفيراليوم في 02:38 am من طرفحلم الايامجديدبرنامج حماية البيانات واخفاء الملفات والمجلدات Wise Folder Hider 4.19.155اليوم في 01:23 am من طرفنبض العيونجديداحدث اصدار برنامج الدردشة واتساب للكمبيوتر WhatsApp 0.2.5371اليوم في 12:44 am من طرفنبض العيونجديدبرنامج تعديل وتحرير الملفات الصوت AudioGrail 7.9.2.211أمس في 12:11 pm من طرفنبض العيونجديداستمتع بعروض سروات اليوم 25 يوليو 2017 الموافق 2 ذي القعد 1438 عروض الثلاثاءأمس في 03:19 am من طرفحلم الايامجديدلاتفوت عروض العثيم اليوم 24 يوليو 2017 الموافق 28 شوال 1438 مهرجان الطازج24/07/17, 02:15 am من طرفحلم الايامجديدبرنامج جافا لتشغيل تطبيقات الجافا Java Runtime Environment 8u14123/07/17, 10:49 am من طرفنبض العيونجديدبرنامج كودك لتشغيل الفيديو والافلام K-Lite Mega Codec Pack 13.3.523/07/17, 10:22 am من طرفنبض العيونجديداخبار yallaforex.net22/07/17, 09:25 pm من طرفمحلل محترف


تم النشر بقلم :محمـود:26/06/13, 09:35 pm - -

 المشاركة رقم: #1
avatar
الاداره
تواصل معى
معاينة صفحة البيانات الشخصي للعضو http://www.layalyeg.com
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 8018
 العمر : 39
 نقاط : 528781
 تاريخ التسجيل : 21/03/2008
 رأيك في العضو/هـ : 15
لوني المفضل : Tomato
:css: التحكم بأضافه تأثيرات على الصندوق الماسي الجديد
السلام عليكم ورحمة الله وبركاته

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

حلول جميع مشاكل الصندوق الماسي + تطوير الصندوق بشكل جديد

 أقدم لكم 
اكواد لتحرير صندوق الماسي وتعديل علية من خلال خاصية CSS

ملاحظة : الاكواد تعمل على كافة النسخ !


  •  يتحكم في الاطار الخارجي للصندوق الماسي


     



الكود:
div.sceditor-toolbar
        {
كود هنا
        }






  •   يتحكم في اطار صندوق الكتابة  






الكود:
.sceditor-container iframe, .sceditor-container textarea
        {
   كود هنا   
        }




  •  كود التحكم في اطار الأزرار
     





الكود:
div.sceditor-group
        {
    كود هنا
   }





  •  للتحكم في خلفية ازرار
     






الكود:
a.sceditor-button
        {
         الكود هنا
        }



مثلالو اضفنا  خلفية ازرار  اللون الاحمر
background: red;


ملاحظة : كل ما عليك هو تغير ما بداخل الكود المكتوب  الكود هنا  بالتأثيرات التي تريدها


 مثلا التأثير الاتي 



اقتباس :
 border: 2px dotted #CFCFCF; 






وهو وضع اطار منقط
 
استبدل كلمه " الكود هنا " بهذه    border: 2px dotted #CFCFCF; 

حتى يصبح شكل الكود كالاتي



الكود:
div.sceditor-toolbar
        {
     border: 2px dotted #CFCFCF;
        }


وهكذا التطبيق









  بأمكانك وضع التأثيرات بمختلف انواعها
  


 طريقة وضع الاكواد 

 -  لوحة الإدارة  

 -  مظهر المنتدى  

  -   الصور و الألوان  

 -  الألوان  

  -   ورقة تصميم CSS  



  هذه الامثلة مرتبط بصندوق الماسي الجديد .


تم النشر بقلم :محمـود26/06/13, 09:35 pm    

تعليقات القراء



توقيع : محمـود






الإشارات المرجعية



الــرد الســـريـع

رفع الصور رفع فيديو أغانى فوتوشوب ترجمة رموز الكتابة ردود جاهزة صندوق متطور



مواضيع ذات صلة



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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة