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

مرحباً بكم أيها الكرام من أعضاء و زوار جروح البادية من كل مكان
 اليوم نقدم  لكم أجمل كود  css متخصص في صندوق الأقتباسات و الأكواد
  مميزاته :

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

  [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
طريقه وضع الكود
لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css
للنسخه الثانية


[list=linenums]
[*].quote {

 

[*]  background:

[*]url("https://i.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("https://i.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat

[*]scroll 0 0 #FFFFFF;

[*]}



[*].code {

 

[*]  background:

[*]url("https://i.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("https://i.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat

[*]scroll 0 0 #FFFFFF;

[*]}
[/list]

 الكود للنسخة Punbb

[list=linenums]
[*].postmain blockquote {
 
[*]  background:
[*]url("https://i.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("https://i.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat
[*]scroll 0 0 #FFFFFF;
[*]}

[*].codebox {
 
[*]    background:
[*]url("https://i.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("https://i.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat scroll 0 0 #FFFFFF;
[*]}
[/list]