Đóng khung thẻ Code - Trích dẫn

Đôi khi chúng ta copy những dòng mã code hay trích dẫn một bài viết. Nếu thông thường cứ copy thẳng vào bài viết sẽ không nổi bật được nội dung. để khắc phục thì có nhiều cách nhưng dưới đây là một cách đóng khung mã code và trích dẫn.


Copy code dưới đây vào:
Admin -> Display -> Colors -> CSS Stylesheet

Code:

.postbody table[width="90%"] .genmed{
background: white url(http://2img.net/i/fa/wysiwyg/comments.png) no-repeat 3px 4px;}

.spoiler .genmed{background: white url(http://i66.servimg.com/u/f66/11/96/49/61/arrow_16.png) no-repeat 3px 4px !important;}

.mod_news .genmed, .postbody .genmed {
border: 1px solid #1675bc;
border-bottom: 0;
padding: 5px;
padding-bottom: 4px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: white url(http://2img.net/i/fa/wysiwyg/page_white_code.png) no-repeat 3px 4px;
padding-left: 22px;}

.code, .quote {
position: relative;
padding: 5px;
font-family: Arial;
font-size: 11px;
color: #858585;
background-color: white;
border: 1px solid #1675bc;
-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;}

.mod_news .code, .mod_news .quote, .spoiler_content, .spoiler_closed{
padding: 5px;
font-family: Arial;
font-size: 11px;
color: #858585;
background-color: white;
border: 1px solid #1675bc;
-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;}

.spoiler_closed{padding: 1px;}

#calendar_container .quote, form[name="_calendar"] .quote{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}