» »

Скрипт вид новостей для сайта ucoz под размер


Хочу представить вид новостей который можно поставить так же и на вид материалов файлов. Наткнулся в интернете, хорошо что ссылки рабочие, но картинку не выводил и не было на нем увеличение ее. Пришлось его немного доработать. Сейчас и скрин выводит на материал и красивое увеличение стоит. Но есть одно но, этот вид можно только поставить на фиксированные сайты так как у него ширина уже указана. Но с кодом идут стили на которых можно попробовать увеличить сам вил. По дизайну сне он понравился как сделан, уже редко встретишь такие стили.
Установка:
В вид материалов новостей или файлов прописываем этот код.

Код
<style type="text/css" media="all">  
@import url(http://zornet.ru/highslide/highslide.css);  
</style>  
  <script type='text/javascript' src='http://zornet.ru/highslide/highslide.js'></script>  
<script type="text/javascript" src="http://zornet.ru/zornet_ru4/include_highslide.js"></script>  
<script type="text/javascript">  
hs.graphicsDir = 'http://zornet.ru/highslide/graphics/';  
</script>  

<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"><center><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})" title="Нажмите чтобы увеличить картинку"><img src="$IMG_URL1$" style="border: medium none ;" border="0" width="133" height="145"></a></center></td>  
  <td width="50%" valign="top"> $MESSAGE$</td>  
  </tr></table>  
  <div class="clear"></div>  
  </td>  
  </tr>  
  </table>  
  </div>  
  <div class="data"> <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://zornet.ru/CSS-ZORNET/ZR/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://zornet.ru/CSS-ZORNET/ZR/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://ucozmafia.ru/polzv/dg/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://zornet.ru/CSS-ZORNET/ZR/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://zornet.ru/CSS-ZORNET/ZR/relatedli.png") 0 0 no-repeat;  
  padding:0 0 0 20px;  
  }  
  .related li a:hover{  
  background:url("http://zornet.ru/CSS-ZORNET/ZR/relatedli.png") 0 -16px no-repeat;  
  color:#303030;  
  }  
  .tags{  
  background:#717375 url("http://zornet.ru/CSS-ZORNET/ZR/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://zornet.ru/CSS-ZORNET/ZR/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://zornet.ru/CSS-ZORNET/ZR/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://zornet.ru/CSS-ZORNET/ZR/more.png") 0px -19px no-repeat;  
  }  
  .title{  
  width:706px;  
  height:30px;  
  background:url("http://zornet.ru/CSS-ZORNET/ZR/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>


16.08.2013 Просмотров: 2523 Комментарий: (18)

Поделиться в социальных сетях

Материал разместил

Комментарий: 17
Week
Week 16.08.2013 22:251
0
Капец код огромный(
Kosten
Kosten 16.08.2013 22:482
0
Nagan-Cs, ты что? Стиль у него реально большой bb2 А в код я только добавил увеличение картинки.
DUM4N_NUBMER_1
DUM4N_NUBMER_1 16.08.2013 23:093
0
это рип?
Kosten
Kosten 17.08.2013 00:384
0
Не знаю, возможно это и рип. Но точно доработан, так как увеличение не было на нем.
Delete
Delete 17.08.2013 14:355
0
DUM4N_NUBMER_1, конечно же рип...
avatar
VariosRp 24.01.2014 11:136
0
ktota pamagite vo skype varios-rp
avatar
VariosRp 24.01.2014 11:137
0
pamagite pajalusta
๖ۣۜInspire
๖ۣۜInspire 24.01.2014 11:248
0
VariosRp, заходим в ПУ, Управление дизайном - Каталог файлов(вид материалов) и вставляешь туда этот код
Kosten
Kosten 24.01.2014 12:489
0
Supermenыч, надо будет подробно описание сделать на форуме и ссылки поставить к видам по установке его.
avatar
wieppir 06.03.2014 00:2210
0
как его расширить почемуто у меня маленкий
1 2 »
avatar