كود css صندوق الرد السريع الماسي المطور [للنسخة الثانية]

كود جديد و مميز لصندوق الرد المساي الجديد مدعوم بتقنية الــ css و مع اضافات مميزة

مميزاته :

يقوم
الكود بوضع صورة فوق صندوق الرد و يقوم بوضع اطار و خلفية لصندوق الرد
السريع و مع جعل ازرار ارسال و ازراراستعرض و ارسل بخلفية و اطار مميز.
و وقت جعل الصندوق يدعم لغة HTML يتم تكبير الصندوق تلقائيا

الكود:

/*-----Programming code by -----*/
.post {
background: url(http://img42.imageshack.us/img42/7761/13023610.png);
padding : 1px 3px 1px 3px;
-moz-border-radius: 4px;
border: 1px solid  #FFEFDB;
sam_hameed,sam_hameed;
border-left : medium solid #3896B5;
border-right : medium solid #3896B5;
-moz-box-shadow: 0px 0px 1px #595959;
}
a.button1, input.button1,sam hameed, a.button2, input.button2,button.button2 {
background: url(http://img42.imageshack.us/img42/7761/13023610.png);
padding : 1px 3px 1px 3px;-moz-border-radius: 4px;
border: 1px solid  #FFEFDB;
border-left : medium solid #3896B5;
sam_hameed,sam_hameed;
border-right : medium solid #3896B5;
-moz-box-shadow: 0px 0px 1px #595959;
}
input,input.liteoption,input.mainoption{
background: url(http://img42.imageshack.us/img42/7761/13023610.png);
padding : 1px 3px 1px 3px;
-moz-border-radius: 4px;
border: 1px solid  #FFEFDB;
border-left : medium solid #3896B5;
sam_hameed,sam_hameed;
border-right : medium solid #3896B5;
-moz-box-shadow: 0px 0px 1px #595959;
}
input:hover, input.liteoption:hover, input.mainoption:hover, button.button2:hover, input.button2:hover, textarea:hover, select:hover {
background: url(http://img42.imageshack.us/img42/7761/13023610.png);
padding : 1px 3px 1px 3px;
-moz-border-radius: 4px;
border: 1px solid  #FFEFDB;
sam_hameed,sam_hameed;
border-left : medium solid #3896B5;
border-right : medium solid #3896B5;
-moz-box-shadow: 0px 0px 1px #595959;
}
form#quick_reply textarea#text_editor_textarea{
width: 780px;
height: 100%; }
form#quick_reply iframe#text_editor_iframe {
width: 780px;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 780px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 780px;
}
form#quick_reply{
background:url(http://i27.servimg.com/u/f27/12/27/99/96/icon_c10.png) no-repeat right ;
padding:100px 10px 10px 10px;
background-position: top center;
}
p {
text-align: center ;
}
/*-----End Code-----*/








منقول من منتديات احلى حكاية