Как сделать вид кода, как у вас на форуме

Код:

   <!-- Rating@Mail.ru logo -->
    <a href="http://top.mail.ru/jump?from=2422441">
    <img src="//top-fwz1.mail.ru/counter?id=2422441;t=479;l=1"
   style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a>
    <!-- //Rating@Mail.ru logo -->

Luz пишет:MakcMay,
привет!

А что именно вы хотите сделать   -   "Выделить содержимое" ?  Подсветку кодов ?  И то, и другое ?  

Код:

.code div {
background-color:#fff;
border-top:#CCCCCC 1px solid;
}

.code {
background-color:transparent !important;
border-style:none !important;
}

.postbody div table{
background-color:#fff;
border:#CCCCCC 1px solid;
padding:3px;
}

Код:


/* Начало - Стили для подсветки кодов */
        
       .str { color: #080; }
        .kwd { color: #008; }
        .com { color: #800; }
        .typ { color: #606; }
        .lit { color: #066; }
        .pun { color: #660; }
        .pln { color: #000; }
        .tag { color: #008; }
        .atn { color: #606; }
        .atv { color: #080; }
        .dec { color: #606; }
        pre.prettyprint { padding: 2px; }
        ol.linenums { margin-top: 0; margin-bottom: 0 }
        li.L0,
        li.L1,
        li.L2,
        li.L3,
        li.L5,
        li.L6,
        li.L7,
        li.L8 { list-style-type: none }
        li.L1,
        li.L3,
        li.L5,
        li.L7,
        li.L9 { background: #eee }
        @media print {
          .str { color: #060; }
          .kwd { color: #006; font-weight: bold; }
          .com { color: #600; font-style: italic; }
          .typ { color: #404; font-weight: bold; }
          .lit { color: #044; }
          .pun { color: #440; }
          .pln { color: #000; }
          .tag { color: #006; font-weight: bold; }
          .atn { color: #404; }
          .atv { color: #060; }
        }
        
       /* Конец - Стили для подсветки кодов */

/*-- подсветка кодов --*/
.prettyprint .pln { color: #000 }
.prettyprint .str { color: #080; }
.prettyprint .kwd { color: #008; }
.prettyprint .com { color: #800; }
.prettyprint .typ { color: #606; }
.prettyprint .lit { color: #066; }
.prettyprint .pun { color: #660; }
.prettyprint .pln { color: #000; }
.prettyprint .tag { color: #008; }
.prettyprint .atn { color: #606; }
.prettyprint .atv { color: #080; }
.prettyprint .dec { color: #606; }
.prettyprint .linenums li { border-left: 3px solid #EBEFF9; padding-left: 5px; }
.prettyprint { font-size: 13px; padding: 2px; font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace; }
.prettyprint ol.linenums { margin-top: 0; margin-bottom: 0 }

 ol.linenums:hover {  list-style-type: none; }

/*-- Конец подсветки кодов --*/


MakcMay пишет:Ой извините не сказал что именно, хочу что-бы также изменялись цвета в коде. Спасибо 

Luz пишет:сейчас буду разбираться, что именно происходит.