Как реализовать подобную полную новость на сайте?

<div id="dle-content">
<div class="fullnews">
    <div class="fullnews-header">{title} {favorites} 
    </div>
  <ul class="fullnews-info">
    <li>{author} |</li>
    <li>Раздел: {link-category} |</li>
    <li class="fullnews-date">Опубликовано: {date}</li>
  </ul>           
         
 <style type="text/css">
   .tablica{
width:455px;
      height: 506px; /* Высота окна */
overflow:auto;  }  
  </style>

<div class="message">
 
<table border="0" cellpadding="0" cellspacing="10">
<tbody><tr> 
    <td valign="top"><img src="[xfvalue_poster]" class="vimg"><br>
    <center><a href="/?do=forum&act=discuss&nid={news-id}"><button style="cursor: pointer;"><img src="{THEME}/images/obsud.png" alt="{title}" style="vertical-align: middle">Обсудить на форуме</button><br>
<span class="complaint">[complaint]<i></i><button style="cursor: pointer;"><img src="{THEME}/images/compl.png" alt="Жалоба на статью" style="vertical-align: middle">Отправить жалобу</button>[/complaint]</span><br>
<a href="ССЫЛКА НА FAQ"><button style="cursor: pointer;"><img src="{THEME}/images/faq.png" alt="Как скачать" style="vertical-align: middle;">Как тут качать?</button></a><br>
<a href="[xfvalue_download]" class="download_me" rel="nofollow" download_type="archive"><button style="cursor: pointer;"><img src="{THEME}/images/down.png" alt="Скачать решебник" style="vertical-align: middle">Скачать быстро</button></a><br><br>
<div class="orating" id="orating-{news-id}">
    <a href="#" class="orating_m" title="Не нравится" onclick="orating(231,0);return false;"></a>
    <a href="#" class="orating_p" title="Нравится" onclick="orating(231,1);return false;"></a>
    <a href="#" class="orating_res" onclick="ostats(231,1,true);return false;">+1</a>
</div>
    <br>         
<td valign="top"> 
<div class="tablica">
 <div class="v_info"> <div class="table2">{full-story}</div>
            </div>
</div>
</td>
</tr> 
</tbody></table>
  </div>
        
<br>        
<br>

            <div class="fullnews-text">
        
  <div id="news-id-231" style="display:inline;"><b>Описание:</b> [xfvalue_opisanie]<br><b>Авторы:</b> [xfvalue_author]<br><b>Год издания:</b> [xfvalue_year]<br><b>Размер:</b> [xfvalue_size]<br><br><div style="text-align:center;">Пароль к архиву - [xfvalue_parol]<b></b></div></div>  

        <b>К нам попадают по запросам:</b>
                <div class="quote"> /*КОД МОДУЛЯ ПЕРЕХОДОВ*/</div>        
      </div><br>
    <div style="display:none">
  <ul class="fullnews-info-bottom">
    <li class="fullnews-rate"><div id="ratig-layer-231"><div class="rating">
        <ul class="unit-rating">
        <li class="current-rating" style="width:17px;">17</li>
        <li><a href="#" title="Плохо" class="r1-unit" onclick="doRate('1', '231'); return false;">1</a></li>
        <li><a href="#" title="Приемлемо" class="r2-unit" onclick="doRate('2', '231'); return false;">2</a></li>
        <li><a href="#" title="Средне" class="r3-unit" onclick="doRate('3', '231'); return false;">3</a></li>
        <li><a href="#" title="Хорошо" class="r4-unit" onclick="doRate('4', '231'); return false;">4</a></li>
        <li><a href="#" title="Отлично" class="r5-unit" onclick="doRate('5', '231'); return false;">5</a></li>
        </ul>
</div></div></li>
  </ul>
</div>
<div style="background-color: lightyellow; border-width:1; border-

color:rgb(190,190,190); border-style:dotted; padding:5px;">Уважаемый посетитель, 

Вы зашли на сайт как незарегистрированный пользователь.<br>
        Мы рекомендуем Вам <a href="/index.php?

do=register">зарегистрироваться</a> либо войти на сайт под своим именем.</div><br>
 </div>
</div>

.fullnews {padding: 0px 0px 17px 0px; margin: 0px 0px 14px 0px; background: url(../images/spacer-h.png) repeat-x -1px 100%;}
.fullnews-header {font: bold 1.1em/18px Tahoma, Geneva, Sans-serif; color: #000; padding-bottom: 2px;}
.fullnews-header a {text-decoration: underline; color: #000;}
.fullnews-header a:hover {text-decoration: none; color: #ec380e;}
.fullnews-header img {vertical-align: middle; padding-left: 2px;}
.fullnews-info {color: #808080; font: 1.1em Tahoma, Geneva, Sans-serif; padding-bottom: 15px;}
.fullnews-info li {display: inline;}
.fullnews-info a {color: #808080; text-decoration: underline;}
.fullnews-info a:hover {text-decoration: none;}
.fullnews-info del {padding: 0px 4px;}
.fullnews-text {color: #000; font: 1.1em/14px Tahoma, Geneva, Sans-serif; overflow: hidden; zoom: 1;}
.fullnews-text img {display: none;}
.fullnews-text img:first-child {display: block; width: 210px !important; float: left; padding: 3px 12px 0px 0px;}
.fullnews-info-bottom {overflow: hidden; zoom: 1; padding: 15px 2px 0px 0px;}
.fullnews-info-bottom li {float: right; font: 1.1em Tahoma, Geneva, Sans-serif; color: #000;}
.fullnews-info-bottom li.fullnews-rate {float: left; margin: -1px 0px 0px -2px;}
.fullnews-info-bottom a {color: #000; text-decoration: underline;}
.fullnews-info-bottom a:hover {text-decoration: none;}
.fullnews-info-bottom del {padding: 0px 4px;}
.fullnews-poster {width: 220px;height: 220px;}
.vimg {width: 260px; padding: 0 0 10px 0; margin-left:0px;}
.message {padding: 10px;display: block;overflow: hidden;}
.v_info {padding: 3px 10px 0px 5px;color: #7E858B; font-size: 12px; text-align: left}
.v_info1 {padding: 5px 10px 0 10px;color: #7E858B; font-size: 11px; text-align: left}
.v_infoe {padding: 5px 10px 0 10px;color: #7E858B; font-size: 14px; text-align: center}
.table2 {
 height: 100%; 
 border: 0px; 
 margin-left: 5px; 
 padding-left: 5px;
-webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px; 
}

.table2 a { 
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #3995C3;
text-decoration: none;
 margin-left: 16px;
}
 
.table2 a:hover { 
border-bottom-color: #3995C3;
border-left-color: #3995C3;
border-right-color: #3995C3;
border-top-color: #3995C3;
}
.table2 ul {margin-top: 5px; } 
.table2 li {border-bottom: 0px;background: url("/img/star.gif") left center no-repeat; line-height: 20px;}