Вид новостей - Форум о заработке | Seo форум | Кузница вебмастеров

<div class="articles opacity">  
<h2><a href="$ENTRY_URL$"><?if(len($TITLE$)>35)?><?substr($TITLE$,0,33)?>...<?else?><span onclick="apoloadme('$ID$', '$ENTRY_URL$');return false;">Читать полностью</span> <img src="/images/ajax-loader.gif" id="loader$ID$" style="display:none;" height="8px"><?endif?></a></h2>  
<?if($IMG_SMALL_URL1$ || $IMG_URL1$)?>  
  <div class="articles_img">  
  <div>  
  <?if($IMG_SMALL_URL1$)?>  
  <a href="$IMG_URL1$" class="ulightbox" data-fancybox-group="ultbx" title="$TITLE$">  
  <img align="left" width="300" title="$TITLE$" src="$IMG_SMALL_URL1$"></a><?else?>
   
  <a href="$IMGrussian-online.ucoz.ua/panel/?a=tmpl;m=10;t=7_URL1$" class="ulightbox" data-fancybox-group="ultbx" title="$TITLE$">  
  <img align="left" width="300" title="$TITLE$" src="$IMG_URL1$"></a><?endif?>  
  </div>  
  </div>  
  <?endif?>  
  <div class="articles_message"><div id="apoent$ID$">$MESSAGE$</div>  
<div class="apoloadfull$ID$"></div></div>  
  <div class="articles_bottom">  
  <div class="articles_category">  
  <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
  </div>  
   
  <ul class="articles_statistics">  
  <li><span>$RATING$ ($RATED$)</span><img src="http://web-first-step.ru/vid_mat/ico_like.png" alt="рейтинг"></li>  
  <li><span>$READS$</span><img src="http://web-first-step.ru/vid_mat/ico_Eye.png" alt="просмотров"></li>  
  <?if($COMMENTS_NUM$)?><li><span>$COMMENTS_NUM$</span><img src="http://web-first-step.ru/vid_mat/ico_comment.png" alt="комментарий"></li> <?endif?>  
  <?if($MODER_PANEL$)?><li>$MODER_PANEL$</li><?endif?>  
  </ul>  
  </div>  
  </div>  

<style>
   
/*---Вид-материалов-v1--*/  

.articles {  
  width:700px;  
  margin-bottom: 15px;  
  overflow:hidden;  
  background: #fff;  
  border: 2px solid #ACACAC;  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #fff;  
  color:#888;  
  border-radius:5px;  
}  

.articles h2 {  
  margin:0;  
  float:left;  
  width:700px;  
  background:#f4f4f4;  
  padding: 7px 20px;  
  font: 125% Verdana,Arial,Helvetica, sans-serif;  
  font-weight: 700;  
  border-bottom: 1px solid #d1d1d1;  
  }  

.articles h2 a {text-decoration: none;  
color: #737272;}  

.articles h2 a:hover {color: #c9c4c4;}  

.articles_message {  
  margin-top: 35px;  
  padding: 10px 20px;  
  font: 115% Verdana,Arial,Helvetica, sans-serif; text-align:justify;  
}  
.articles_img{  
  float: left;  
  width: 300;  
  padding: 10px;  
  background:#f4f4f4;  
  margin: 15px 15px 10px 15px;  
  border: 1px solid #d1d1d1;  
  }  
  .articles_img div { width: 300px;  
  height: 150px;  
  overflow: hidden;  
  }  
   
.articles_bottom {  
  float:left;  
  width:100%;  
  margin-top: -3px;  
  background:#f4f4f4;  
  border-top: 1px solid #d1d1d1;  
}  

.articles_category{  
  float:left;  
}  

.articles_category a {  
  float:left;  
  font-weight: 700;  
  margin: 8px 5px 0px 5px;  
  color: #737272;  
  text-decoration: none;  
}  

.articles_statistics{  
  float:right;  
  margin:0;  
  padding: 0;  
  margin-right: -2px;  
  list-style:none;  
  border-left: 1px solid #d1d1d1;  
}  

.articles_statistics li {  
  float:left;  
  height:20px;  
  padding: 8px 8px 2px 8px;  
  border-right: 1px solid #d1d1d1;  
  border-left: 1px solid #fff;  
}  

.articles_statistics span{  
  float:left;  
  margin: 0px 5px 0px 0px;  
}  

.opacity a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=85);}  

/*---END-Вид-материалов-v1--*/  
</style>