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

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







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

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

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

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

- الألوان

- ورقة تصميم CSS