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

كل مايخص الاستايلات التومبيلات
 
الرئيسيةالتسجيلدخولاحلى خدمة
آخــر المواضـيع
التــاريخ
بواسطـة
الأربعاء يناير 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
العمر : 26
الموقع : شركة تكويدي التطويرية

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

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

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

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





الكود :
الكود: ---------تضليل المحتوى
الكود:
div.sceditor-toolbar
        {
كود هنا
        }






الكود
الكود: ---------تضليل المحتوى
الكود:
.sceditor-container iframe, .sceditor-container textarea
        {
   كود هنا   
        }





الكود :
 
الكود: ---------تضليل المحتوى
الكود:
div.sceditor-group
        {
    كود هنا
   }






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




تكبير الصورة معاينة الأبعاد الأصلية.
التحكم بأضافه تأثيرات على الصندوق الماسي الجديد 24-06-13

الكود :
الكود: ---------تضليل المحتوى
الكود:
a.sceditor-button
        {
         الكود هنا
        }

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


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


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



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




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

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

الكود: ---------تضليل المحتوى
الكود:
div.sceditor-toolbar
        {
     border: 2px dotted #CFCFCF;
        }
وهكذا التطبيق

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






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

طريقة وضع الاكواد
- لوحة الإدارة
- مظهر المنتدى
- الصور و الألوان
- الألوان
- ورقة تصميم CSS


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

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

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

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

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

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


تكبير الصورة معاينة الأبعاد الأصلية.
التحكم بأضافه تأثيرات على الصندوق الماسي الجديد 30-06-12



الكود: ---------تضليل المحتوى
الكود:
.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 الى اللون الذي تريده


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

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


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

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

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

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

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


صورة للتأثيرات : 
تكبير الصورة معاينة الأبعاد الأصلية.
التحكم بأضافه تأثيرات على الصندوق الماسي الجديد 30-06-13


الكود : 
الكود: ---------تضليل المحتوى
الكود:
.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





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


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

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

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

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


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

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

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

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


<br>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://cod3ly.ace.st
 

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

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

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