Вид материала by pspwolrd.ru для Ucoz

Приятный вид материала от портала pspwolrd.ru для юкоз.
В Вид материалов (Новостей сайта или Каталога файлов) вставляем:
Code
<div class="post">
<div class="post-title"><a href="$ENTRY_URL$">$TITLE$</a> $MODER_PANEL$</div>
<div class="post-data">
<span class="category">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span> <span class="autor">Автор: $USERNAME$</span> <div class="edit"></div>
</div>
<div class="post-story">
<table width="100%">
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" align="left"><?if($SCREEN_URL$)?><center><a href="$SCREEN_URL$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})" title="Нажмите чтобы увеличить картинку"><img src="$SCREEN_URL$" style="border: medium none ;" border="0" width="133" height="220"></a></center><?endif?></td>
<td width="50%" valign="top"> $MESSAGE$</td>
</tr></table>
<div class="clear"></div>
</td>
</tr>
</table>
</div>
<div class="data"><span class="cell">$RATING_NUM$</span><span class="cell">$DATE$</span><span class="cell">Просмотров: $READS$</span><span class="cell"><span title="Комментариев: $COMMENTS_NUM$}">Комментариев:$COMMENTS_NUM$</span></span><div class="more"><a href="$ENTRY_URL$">Смотреть</a></div></div>
</div>
<STYLE type="text/css"><!--.post{
width:515px;
margin-bottom:5px;
background:#fff url("") bottom repeat-x;
padding:0 0 5px 0;
}
.post-title{
width:495px;
height:18px;
padding: 6px 10px;
font-size:13px;
color:#00baff;
font-weight:bold;
text-decoration:none;
background: #000 url("http://pspwolrd.ru/image/post_h2.png") top center no-repeat;
font-family:"Tahoma";
}
.post-title a{
color:#FFFFFF ;
font-size:13px;
text-decoration:none;
}
.post-title a:hover{
color:#ebebeb;
text-decoration:underline;
}
.post-data{
width:495px;
font-size:11px;
padding:8px 10px 0px 10px;
height:17px;
color:#646464;
background: url("http://pspwolrd.ru/image/post-data.png") center no-repeat;
border-bottom:1px dashed #c7c7c7;
}
.post-data a {
font-size:11px;
color:#e400ff;
}
.post-data a:hover {
color:#000000;
text-decoration:none;
}
.post-story {
color:#303030;
font-size:11px;
line-height:150%;
text-align:justify;
padding: 1px 5px 5px 5px;
background:url("http://pspwolrd.ru/image/b6.png") top repeat-x;
}
.post-story a {
color:#e400ff;0152a4
}
.post-story a:hover {
color:#000000;
text-decoration:none;
}
.post-story img {
margin:5px;
}
.post-story ul {
margin-left:15px;
}
.related{
background:#ab34fe url("http://pspwolrd.ru/image/related.png") top left no-repeat;
color:#303030;
padding:2px 10px 10px 10px;
border-bottom:1px solid #9600ff;
}
.related b{
padding:0 0 10px 15px;
}
.related ul{
list-style:none;
padding:10px 0 0 10px;
}
.related li a{
background:url("http://pspwolrd.ru/image/relatedli.png") 0 0 no-repeat;
padding:0 0 0 20px;
}
.related li a:hover{
background:url("http://pspwolrd.ru/image/relatedli.png") 0 -16px no-repeat;
color:#303030;
}
.tags{
background:#717375 url("http://pspwolrd.ru/image/tags.png") top left no-repeat;
padding:3px 10px 10px 28px;
color:#303030;
border-bottom:1px solid #303030;
}
.tags a{
color:#fff;
}
.data{
font-size:11px;
color:#646464;
height:25px;
width:515px;
margin:5px auto;
background:url("http://pspwolrd.ru/image/data.png") no-repeat;
}
.data a {
font-size:11px;
color:#00baff;
}
.data a:hover{
color:#000000;
}
.cell{
height:13px;
padding:5px;
float:left;
border-right:1px solid #d2d4d7;
}
.ftl{
width:290px;
float:left;
font-weight:bold;
padding:13px 0 10px 65px;
height:35px;
}
.ftl a{
color:#e7baef;
font-size:10px;
}
.ftl a:hover{
text-decoration:underline;
color:#fff;
}
.ftr{
text-align:right;
padding:13px 60px 12px 0;
height:40px;
float:right;
width:290px;
}
.more{
padding:2px 7px;
width:66px;
height:15px;
background: url("http://pspwolrd.ru/image/more.png") left top no-repeat;
float:right;
font-weight:bold;
margin:3px;
}
.more a{
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
.more:hover, .more a:hover{
color:#FFFFFF;
cursor: pointer;
}
.more:hover{
background: url("http://pspwolrd.ru/image/more.png") 0px -19px no-repeat;
}
.title{
width:706px;
height:30px;
background:url("http://pspwolrd.ru/image/comment.png") left no-repeat;
padding:10px 0 0 70px;
color:#fff;
font-size:18px;
}
.comment{
width:566px;
padding:0 5px 5px 5px;
}
.group-name{
font-size:11px;
}
.--></STYLE>
<div class="post-title"><a href="$ENTRY_URL$">$TITLE$</a> $MODER_PANEL$</div>
<div class="post-data">
<span class="category">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span> <span class="autor">Автор: $USERNAME$</span> <div class="edit"></div>
</div>
<div class="post-story">
<table width="100%">
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" align="left"><?if($SCREEN_URL$)?><center><a href="$SCREEN_URL$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})" title="Нажмите чтобы увеличить картинку"><img src="$SCREEN_URL$" style="border: medium none ;" border="0" width="133" height="220"></a></center><?endif?></td>
<td width="50%" valign="top"> $MESSAGE$</td>
</tr></table>
<div class="clear"></div>
</td>
</tr>
</table>
</div>
<div class="data"><span class="cell">$RATING_NUM$</span><span class="cell">$DATE$</span><span class="cell">Просмотров: $READS$</span><span class="cell"><span title="Комментариев: $COMMENTS_NUM$}">Комментариев:$COMMENTS_NUM$</span></span><div class="more"><a href="$ENTRY_URL$">Смотреть</a></div></div>
</div>
<STYLE type="text/css"><!--.post{
width:515px;
margin-bottom:5px;
background:#fff url("") bottom repeat-x;
padding:0 0 5px 0;
}
.post-title{
width:495px;
height:18px;
padding: 6px 10px;
font-size:13px;
color:#00baff;
font-weight:bold;
text-decoration:none;
background: #000 url("http://pspwolrd.ru/image/post_h2.png") top center no-repeat;
font-family:"Tahoma";
}
.post-title a{
color:#FFFFFF ;
font-size:13px;
text-decoration:none;
}
.post-title a:hover{
color:#ebebeb;
text-decoration:underline;
}
.post-data{
width:495px;
font-size:11px;
padding:8px 10px 0px 10px;
height:17px;
color:#646464;
background: url("http://pspwolrd.ru/image/post-data.png") center no-repeat;
border-bottom:1px dashed #c7c7c7;
}
.post-data a {
font-size:11px;
color:#e400ff;
}
.post-data a:hover {
color:#000000;
text-decoration:none;
}
.post-story {
color:#303030;
font-size:11px;
line-height:150%;
text-align:justify;
padding: 1px 5px 5px 5px;
background:url("http://pspwolrd.ru/image/b6.png") top repeat-x;
}
.post-story a {
color:#e400ff;0152a4
}
.post-story a:hover {
color:#000000;
text-decoration:none;
}
.post-story img {
margin:5px;
}
.post-story ul {
margin-left:15px;
}
.related{
background:#ab34fe url("http://pspwolrd.ru/image/related.png") top left no-repeat;
color:#303030;
padding:2px 10px 10px 10px;
border-bottom:1px solid #9600ff;
}
.related b{
padding:0 0 10px 15px;
}
.related ul{
list-style:none;
padding:10px 0 0 10px;
}
.related li a{
background:url("http://pspwolrd.ru/image/relatedli.png") 0 0 no-repeat;
padding:0 0 0 20px;
}
.related li a:hover{
background:url("http://pspwolrd.ru/image/relatedli.png") 0 -16px no-repeat;
color:#303030;
}
.tags{
background:#717375 url("http://pspwolrd.ru/image/tags.png") top left no-repeat;
padding:3px 10px 10px 28px;
color:#303030;
border-bottom:1px solid #303030;
}
.tags a{
color:#fff;
}
.data{
font-size:11px;
color:#646464;
height:25px;
width:515px;
margin:5px auto;
background:url("http://pspwolrd.ru/image/data.png") no-repeat;
}
.data a {
font-size:11px;
color:#00baff;
}
.data a:hover{
color:#000000;
}
.cell{
height:13px;
padding:5px;
float:left;
border-right:1px solid #d2d4d7;
}
.ftl{
width:290px;
float:left;
font-weight:bold;
padding:13px 0 10px 65px;
height:35px;
}
.ftl a{
color:#e7baef;
font-size:10px;
}
.ftl a:hover{
text-decoration:underline;
color:#fff;
}
.ftr{
text-align:right;
padding:13px 60px 12px 0;
height:40px;
float:right;
width:290px;
}
.more{
padding:2px 7px;
width:66px;
height:15px;
background: url("http://pspwolrd.ru/image/more.png") left top no-repeat;
float:right;
font-weight:bold;
margin:3px;
}
.more a{
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
.more:hover, .more a:hover{
color:#FFFFFF;
cursor: pointer;
}
.more:hover{
background: url("http://pspwolrd.ru/image/more.png") 0px -19px no-repeat;
}
.title{
width:706px;
height:30px;
background:url("http://pspwolrd.ru/image/comment.png") left no-repeat;
padding:10px 0 0 70px;
color:#fff;
font-size:18px;
}
.comment{
width:566px;
padding:0 5px 5px 5px;
}
.group-name{
font-size:11px;
}
.--></STYLE>
Код CSS уже вшит. Подстраиваем под себя в случае необходимости.