ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Скрипт вид новостей для сайта ucoz под размер

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

Скрипт вид новостей для сайта 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>


2013-08-16 Просмотров: 4178 Комментарий: (18)

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

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

Оставь свой отзыв

Комментарий: 17
Week
Week 2013-08-16 22:251
0
Капец код огромный(
Kosten
Kosten 2013-08-16 22:482
0
Nagan-Cs, ты что? Стиль у него реально большой bb2 А в код я только добавил увеличение картинки.
DUM4N_NUBMER_1
DUM4N_NUBMER_1 2013-08-16 23:093
0
это рип?
Kosten
Kosten 2013-08-17 00:384
0
Не знаю, возможно это и рип. Но точно доработан, так как увеличение не было на нем.
Delete
Delete 2013-08-17 14:355
0
DUM4N_NUBMER_1, конечно же рип...
avatar
VariosRp 2014-01-24 11:136
0
ktota pamagite vo skype varios-rp
avatar
VariosRp 2014-01-24 11:137
0
pamagite pajalusta
1 2 3 »
avatar