التحكم بأضافه تأثيرات على الصندوق الماسي الجديد css

لسلام عليكم ورحمة الله وبركاته

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

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

• يتحكم في الاطار الخارجي للصندوق الماسي
  تكبير الصورة معاينة الأبعاد الأصلية.
  
  
  

التحكم بأضافه تأثيرات على الصندوق الماسي الجديد css
 من طرف new.moon في الخميس 13 يونيو 2013 - 19:16
السلام عليكم ورحمة الله وبركاته

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

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

• يتحكم في الاطار الخارجي للصندوق الماسي
  تكبير الصورة معاينة الأبعاد الأصلية.
  
  
  

الكود :

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

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

الكود:

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

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

تكبير الصورة معاينة الأبعاد الأصلية.