» » >

Каркас модуля новостей для uCoz
·
22.09.2013, 15:53

HTML-Code

<!-- Начало тегов контейнер с новостями блога -->
  <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://ucoz-helper.ucoz.com/vid-news/fon_img_reiting.png" alt="рейтинг" /> $RATING$ ($RATED$) | <img src="http://ucoz-helper.ucoz.com/images/fon_img_glaz.png" alt="просмотров" /> $READS$ | <img src="http://ucoz-helper.ucoz.com/images/fon_img_coment.png" 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>
  <!-- /Конец тегов контейнер с новостями блога -->

CSS-Code

.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;
}

Хочу подчеркнуть то, что и так очевидно, на многих шаблонах где незакрыты теги, а css стили прописаны с бухты барахты, любое готовое решение на моём блоге, может отображаться неверно! Особенно заметил данную проблему в старых шаблонах uCoz и в бесплатных шаблонах, которые распространяются для uCoz!

Категория: Вид новостей | Добавил: tashkent97
Просмотров: 566 | Загрузок: 271 | Источник: center-dm.ru | Рейтинг: 3.5/2
Всего комментариев: 0
dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Яндекс.Метрика Яндекс цитирования<