Вид материалов новостей (простой и стильный)

<!-- Начало тегов контейнер с новостями блога -->
  <div class="cell_news">
  <div class="cell_news_title"><h2><a href="$ENTRY_URL$">$TITLE$</a></h2><span class="right">$MODER_PANEL$</span></div>
  <div class="cell_news_dop1">
  <?if($DATE$)?><span title="$WDAY$ в $TIME$">$DATE$</span><?endif?>
  <span class="right">
  <img src="http://www.center-dm.ru/site/fon_img_reiting.gif" alt="рейтинг" /> $RATING$ ($RATED$) | <img src="http://www.center-dm.ru/site/fon_img_glaz.gif" alt="просмотров" /> $READS$ | <img src="http://www.center-dm.ru/site/fon_img_coment.gif" alt="комментарии" /><a href="$COMMENTS_URL$"> ($COMMENTS_NUM$)</a>
  </span>
  </div>
  <?if($MESSAGE$)?><div class="cell_news_content">$MESSAGE$</div><?endif?>
  <div class="cell_news_dop2">
  <?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><?endif?>
  <span class="right">Дополнительно</span>
  </div>
  </div>
  <!-- /Конец тегов контейнер с новостями блога -->

.cell_news {
  overflow: hidden;
  width:600px;
  padding: 10px 10px 10px 10px;
  margin: 10px 0px 10px 0px;
  background: #fff;
}

.cell_news_title {
  float:left;
  width:100%;
  border-bottom: 1px solid #D6D6D6;
}
   
.cell_news_title h2 {
  float:left;  
  margin: 0;
  font: 145%/1.5 Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
}

.cell_news_content {
  float:left;
  text-align:justify;
  font: 105%/1.5 Verdana,Arial,Helvetica, sans-serif; color:#555;
  width:100%;
  padding: 10px 0px 10px 0px;  
}

.cell_news_dop1 {
  float:left;
  font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;
  width:100%;
  padding: 5px 0px 5px 0px;
}  

.cell_news_dop2 {
  float:left;
  font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;
  width:100%;
  padding: 5px 0px 5px 0px;
}  

.cell_news_dop1 {
  border-bottom: 1px solid #D6D6D6;
}  

.cell_news_dop2 {
  border-top: 1px solid #D6D6D6;
}  

.left {
  float:left;
}

.right {
  float:right;
}