[CSS] كود صندوق الرد السريع الماسي المطور مدعوم بتقنية الــ Css فقط [For Phpbb2]

تذكير بمساهمة فاتح الموضوع :

Unrated

| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت ماي أصحاب من كل مكان

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

مميزاته :


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

برمجة الكود من قبل اخوكم sam hameed

للعلم الكود تم تجريبه على النسخة الثانية و لا أعلم أذا يعمل على باقي النسخ


| صورة لمعاينة الكود |





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

لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css

الكود:


[center]
الرمز:

/*-----Programming code by Sam Hameed-----*/
.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-----*/



و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..

 
منقول من منتدى الدعم والمساعدة

يعطيك الف الف عافيه

موضوع رااائع

وجهود أروع

ننتظر مزيدكم