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

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

كود تأثير على الصندوق الماسي 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;}

لتغير لون الازرار : ابحث على .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 الى اللون الذي تريده

في حال واجت مشكلة في تغير اللون كما يمكنك تقديم موضوع في قسم :  مشاكل تنسيق المظهر : 
طلب تغير اللون صندوق الماسي الى اللون الذي تريده في حال لم تعرف او وجدت صعوبه في تغير اللون ٍ

تحياتي  لكم  
new.moon

new.moon 

---

نوع المتصفح:

---

نسخة المنتدى:

---

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

---

معدل النشاط: 8087

---

 

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

 من طرف new.moon في الأحد 30 يونيو 2013 - 22:47

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

اقدم لكم كود تأثيرات على الصدوق الماسي بشكل رائع جدا  
كود تأثيرات على الصندوق الماسي n2 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;}