Очень удобный и
стильный вид материалов новостей для uCoz.
ПУ-->Управление дизайном-->Новости-->Вид материалов новостей. Все заменяем на это:
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">
<span title="$WDAY$ в $TIME$">$DATE$</span>
<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>
<div class="cell_news_content">$MESSAGE$</div>
<div class="cell_news_dop2">
Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
<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;
}
Комментарии: