Вид материала 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>


Код CSS уже вшит. Подстраиваем под себя в случае необходимости.

Похожие материалы
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]