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>


16 Августа 2013 Просмотров: 4563 Комментариев: (18)

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

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

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

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