محمد صبحي
رقم العضوية : 1 تاريخ التسجيل : 17/05/2016 المشاركات : 479 الدولة : مصر |
#1موضوع: كودcss صندوق الرد السريع المطور( اضف تعليقك) الأربعاء يوليو 27, 2016 8:43 am | |
| تذكير بمساهمة فاتح الموضوع :السلامٌ عليكم و رحمةٌ من اللهِ و بركاته مرحباً بكم أيها الكرام من أعضاء و زوار منتدى صحبة نتكود جديد و مميز لصندوق الرد المساي الجديد مدعوم بتقنية الــ css و مع اضافات مميزةمميزاته :يقوم الكود بوضع صورة فوق صندوق الرد و يقوم بوضع اطار و خلفية لصندوق الرد السريع و مع جعل ازرار ارسال و ازراراستعرض و ارسل بخفية و اطار مميز كما في صندوق الرد و وقت جعل الصندوق يدعم لغة HTML يتم تكبير الصندوق تلقائيا
للعلم الكود تم تجريبه على النسخة الثانية و لا أعلم أذا يعمل على باقي النسخ| صورة لمعاينة الكود |تكبير الصورة معاينة الحجم الكامل للصورة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرحطريقة وضع الكود:لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css - الكود:
-
/*-----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-----*/
و إلى هنا اخوانيـ ..ينتهي موضوعنا لهذا اليوم .. في أمل اللقاء بكمـ .إن شاء الله في مواضيع جديدة .. والسلام عليكم و رحمة الله ..
الرابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
|
|