CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة

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

مرحباً بكم أيها الكرام من أعضاء و زوار مس28يلة من كل مكان

اليوم رايح أعرض لكم أجمل كود css متخصص في صندوق الأقتباسات و الأكواد

~~مميزاته~~ :

يقوم الكود بأظار صندوق الاكواد و الأقتباسات بشكل أجمل من الفي بي لعام 2012
و يقوم بأظهر حراكات وقت الأقتراب عليه بالماوس و للعمل أن كل صندوق من صناديق الأقتباسات او الاكواد
يمتلك لون اخر يميزه عن غيره من الصناديق الأخرى

برمجة تاكود من قبل اخوكم JOHN CENA

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

CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة 1157763173

CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة 1157763173

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

CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة 29-01-10

https://i.servimg.com/u/f43/14/83/59/48/29-01-10.png

CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة 1157763173

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

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

الكود لنسخة Punbb

الكود:: .postmain blockquote {

background:
url("http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif") no-repeat
scroll 0 0 #FDF9F9;
border-color: #E7BABA;
border-style: solid;
   border-width: 1px 1px 1px 20px;
   color: #C25252;
sam_hameed;
   margin: 10px 0 10px 10px;
   overflow: auto;
   padding: 28px 10px 10px;
   width: 90%;
}
.postmain blockquote:hover {

background:
url("http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat
scroll 0 0 #FFFFFF;
}

.codebox {

background:
url("http://i44.servimg.com/u/f44/15/64/85/86/code10.gif") no-repeat
scroll 0 0 #F5F8FA;
   border-color: #D7E8F0;
   border-style: solid;
border-width: 1px 1px 1px 20px;
   color: #000000;
sam_hameed;
   font: 13px/16px 'Courier New',Courier,monospace;
   margin: 10px 0 10px 10px;
   max-height: 500px;
   min-height: 16px;
sam_hameed;
   overflow: auto;
   padding: 28px 10px 10px;
   width: 90%;
}
.codebox:hover {
   background: url("http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat scroll 0 0 #FFFFFF;
}

الكود لنسخة phpbb2

CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة 3318776565

الكود:: .quote {

background:
url("http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif") no-repeat
scroll 0 0 #FDF9F9;
border-color: #E7BABA;
border-style: solid;
   border-width: 1px 1px 1px 20px;
   color: #C25252;
sam_hameed;
   margin: 10px 0 10px 10px;
   overflow: auto;
sam_hameed;
   padding: 28px 10px 10px;
   width: 90%;
}
.quote:hover {

background:
url("http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat
scroll 0 0 #FFFFFF;
}

.code {

background:
url("http://i44.servimg.com/u/f44/15/64/85/86/code10.gif") no-repeat
scroll 0 0 #F5F8FA;
border-color: #D7E8F0;
   border-style: solid;
   border-width: 1px 1px 1px 20px;
   color: #000000;
sam_hameed;
   font: 13px/16px 'Courier New',Courier,monospace;
margin: 10px 0 10px 10px;
   max-height: 500px;
   min-height: 16px;
   overflow: auto;
sam_hameed;
   padding: 28px 10px 10px;
   width: 90%;
}
.code:hover {

background:
url("http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat
scroll 0 0 #FFFFFF;
}

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

CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة 1157763173

موضوع: _da3m_22 الأحد 15 ديسمبر 2013, 8:21 pm

موضوع رائع بوركت
CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة 4

CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة 128711691410

» عضو جديد هل من ترحيب
» عضو جديد هل من ترحيب؟؟!!
» هكر اميبا جديد ^_^
» ♥♥ عضو جديد هل من مرحب ♥♥
» جديد |~| فواصل تزين الردود |~|

صفحة 1 من اصل 1