شركة تكويدى التطويرية

كل مايخص الاستايلات التومبيلات
 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخولاحلى خدمة
آخــر المواضـيع
التــاريخ
بواسطـة
الأربعاء يناير 22, 2014 1:07 am
الإثنين يناير 13, 2014 9:47 pm
الخميس ديسمبر 26, 2013 4:56 pm
الجمعة ديسمبر 06, 2013 3:39 pm
الأحد ديسمبر 01, 2013 1:49 pm
الأحد ديسمبر 01, 2013 1:33 pm

شاطر | .
 

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

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

ذكر
عدد المساهمات : 7
السٌّمعَة : 0
تاريخ التسجيل : 28/11/2013
العمر : 25
الموقع : شركة تكويدي التطويرية

مُساهمةموضوع: التحكم بأضافه تأثيرات على الصندوق الماسي الجديد   الخميس نوفمبر 28, 2013 11:22 pm

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

اخواني كما سبق وتم الاعلان على الصندوق الماسي الجديد أقدم لكم
اكواد لتحرير صندوق الماسي وتعديل علية من خلال خاصية 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


هذه الامثلة مرتبط بصندوق الماسي الجديد .
انتظروني قريبا باذن الله سوف اقوم بعمل تأثيرات مناسقه للصندوق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
AmEr-Dz
مساعد الادارة
مساعد الادارة
AmEr-Dz

ذكر
عدد المساهمات : 7
السٌّمعَة : 0
تاريخ التسجيل : 28/11/2013
العمر : 25
الموقع : شركة تكويدي التطويرية

مُساهمةموضوع: رد: التحكم بأضافه تأثيرات على الصندوق الماسي الجديد   الخميس نوفمبر 28, 2013 11:23 pm

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

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

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


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




الكود: ---------تضليل المحتوى
الكود:
.rtl .sceditor-button {
  
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0
rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0
rgba(255,255,255,.3);
   -moz-box-shadow: inset 0 0 2px
rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0
rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
   box-shadow:
inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0
 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;

-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: #78b42b!important;
border: 1px solid #28ca42;
border-radius: 0 0 6px 6px;
border-top: 1px solid rgba(239,253,229,0.73);
overflow: hidden;
}


 div.sceditor-toolbar {
 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0
rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0
rgba(255,255,255,.3);
   -moz-box-shadow: inset 0 0 2px
rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0
rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
   box-shadow:
inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0
 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;

-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: #78b42b!important;
border: 1px solid #28ca42;
border-radius: 0 0 6px 6px;
border-top: 1px solid rgba(239,253,229,0.73);
overflow: hidden;
padding-bottom: 9px;
}


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


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


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


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


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


- الألوان


- ورقة تصميم CSS




لتغير لون الازرار : ابحث على .rtl .sceditor-button {
ثم ابحث على  background: #78b42b!important;
ثم غير اللون الي يعجبك فقط غير #78b42b الى رمز اللون الذي تريده
ايضا ابحث على border: 1px solid rgb(30, 156, 50);
قم بتغير لون اللون الفارق بين الازرار  rgb(30, 156, 50) هذه هو اللون غيره الى الرمز الذي تريده
أيضا ابحث على border-top: 1px solid rgba(239,253,229,0.73); قم بتغير اللون اعلى الزرار الاخضر الشفاف الى لون اخر كما تريده
هذه التطبيق على اكواد الأزرار



كما تريد تغير خلفيه الخضراء خلف الازرار كافه اللون الاخضر ابحث على
div.sceditor-toolbar {
ثم ابحث على background: #78b42b!important;
ثم بتغير #78b42b الى اللون الذي تريده


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

تحياتي  لكم 


<br>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
AmEr-Dz
مساعد الادارة
مساعد الادارة
AmEr-Dz

ذكر
عدد المساهمات : 7
السٌّمعَة : 0
تاريخ التسجيل : 28/11/2013
العمر : 25
الموقع : شركة تكويدي التطويرية

مُساهمةموضوع: رد: التحكم بأضافه تأثيرات على الصندوق الماسي الجديد   الخميس نوفمبر 28, 2013 11:23 pm

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

اقدم لكم كود تأثيرات على الصدوق الماسي بشكل رائع جدا  
كود تأثيرات على الصندوق الماسي new.moon  


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



الكود : 
الكود: ---------تضليل المحتوى
الكود:
.rtl .sceditor-button {
 
   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0
rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0
rgba(255,255,255,.3);
   -moz-box-shadow: inset 0 0 2px
rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0
rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
   box-shadow:
inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0
 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
 
 
}

div.sceditor-toolbar {
 
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0
rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0
rgba(255,255,255,.3);
   -moz-box-shadow: inset 0 0 2px
rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0
rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
   box-shadow:
inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0
 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
 
}


div.sceditor-group {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
 background-clip: padding-box;
border-bottom: 1px solid #aaa;
border-radius: 3px;
display: inline-block;
margin: 5px 5px 1px 0;
padding: 1px;
}




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

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

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

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

- الألوان

- ورقة تصميم CSS





تحياتي  لكم 


<br>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Mr.da3m
مساعد الادارة
مساعد الادارة
Mr.da3m

ذكر
عدد المساهمات : 56
السٌّمعَة : 0
تاريخ التسجيل : 28/11/2013

مُساهمةموضوع: رد: التحكم بأضافه تأثيرات على الصندوق الماسي الجديد   الخميس نوفمبر 28, 2013 11:40 pm

الف شكر على الموضوع


<br>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
فتحه !
ادارة المنتدى
ادارة المنتدى
فتحه !

ذكر
عدد المساهمات : 86
السٌّمعَة : 0
تاريخ التسجيل : 27/11/2013
العمر : 20

مُساهمةموضوع: رد: التحكم بأضافه تأثيرات على الصندوق الماسي الجديد   الجمعة نوفمبر 29, 2013 6:30 am

شكرآ لك ياغالى  دآم تالقك


<br>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://cod3ly.ace.st
 

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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