كود يجعل شكل الأكواد احلى

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

ممكن كود يجعل شكل الأكواد احلى

يعني اقصد إطار الذي يوضع فيه اكود البرمجة

مثل الإقتباس كيف فيه إطار خاص

وشكرا لكم

لا لو ممكن الكود الموجود نفسه فيه هذا المنتدى

بعد اذن المساعد امير
============
جربي الكود هذا

الكود:

/*----- صورة خلفية محتوى الكود-----*/
.code{
border:2px  solid #FF6633;
background-image : url(http://i39.servimg.com/u/f39/18/42/00/55/rrrrrr10.png);
}
/*----- صورة خلفية محتوى الكود-----*/


/*----- كود تحديد المحتوى-----*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }
/*----- كود تحديد المحتوى-----*/
dl.codebox {
    background: none repeat scroll 0 0 white;
    border: 4px solid #00A5CD;
    box-shadow: 0 5px 5px;
    margin: 5px 10px;
}


وهذا ايضا

الكود:

/*----- صورة خلفية محتوى الكود-----*/
.code{
border:2px  solid #FF6633;
background-image : url(http://i39.servimg.com/u/f39/18/42/00/55/rrrrrr10.png);
}
/*----- صورة خلفية محتوى الكود-----*/


/*----- كود تحديد المحتوى-----*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }
/*----- كود تحديد المحتوى-----*/
dl.codebox {
    background: none repeat scroll 0 0 white;
    border: 4px solid #00A5CD;
    box-shadow: 0 5px 10px;
    margin: 5px 10px;
border : 1px dotted #0058AB;


}

شكرا لكم كثييير والاكواد حلوة لكن لو ممكن مثل هذا الكود الي بالصورة

يعني نفس الشكل

http://im87.gulfup.com/t0fbL9.png

هذا الكود يعطيك ما تريده بالصورة

الكود:

/ مايكل سوفت /
.code {
background:#F5F5F5 url("http://cdn1.iconfinder.com/data/icons/silk2/page_white_code.png")6px 6px no-repeat;
max-height:200px;
max-width:600px;
overflow:auto;
direction:ltr;
display:block;
}

تحياتى لك