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

Вид материалов новостей сайта bravu системы ucoz

Вид материалов новостей сайта bravu системы ucoz
Отличный рабочий вид материалов новостей сайта ucoz, под светлый дизайн сайта, с увеличением картинки. Могу больше сказать, я его когда проверял на тестовом сайте, ставил иконку что новые материалы. Он мне понравился и мне пришлось этот материал поставить на основной сайт.
Приступаем к установке:
ПУ - Упр. дизайном - Новости - В вид материалов, убираем свой код и вставляем наш новый.

Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">  
  <div style="float:right">$MODER_PANEL$</div>  
  <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$ <img src="http://zornet.ru/zornet_ru1/new.png" align="absmiddle" title="$DATE$"></a></div>  
<div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><table style="width: 100%; border-collapse: collapse"><tbody><tr><td width="174px"><div style="background:url(http://zornet.ru/zornet_ru1/posterbg.png) no-repeat;width:150px;height:128px;padding-top:4px;padding-bottom:4px;padding-right:22px;padding-left:4px;cursor:pointer;">  
  <img id="img$ID$" src="$IMG_URL1$" width="150px" height="128px" align="left" alt="$TITLE$" />  
   
<script type="text/javascript">  
  $(function(){  
  $('#img$ID$').click(function(){var s="'sc'";  
   
   
  new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');});  
  });  
</script>  
</div></td> <td>$MESSAGE$ <br>Категория: <strong>$CATEGORY_NAME$</strong> </td> <td style="vertical-align: bottom; letter-spacing: 0pt; word-spacing: 0pt; text-align: right"> <input class="buttonprofile" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Смотреть" type="button"></td>  
  </tr></tbody></table>  
  </div>  
  <div class="eAttach">Прикрепления: $ATTACHMENTS$</div><div class="eDetails" style="clear:both;">  
  <div style="float:right"></div>  
  <div style="padding-left:2px">Просмотров: $READS$ |  
  Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |  
  Дата: <span title="$TIME$">$DATE$</span>  
| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a></div>  
  </div></td></tr></table><br>  
<style>.eBlock {background:#fff;border:1px solid #CCCCCC;}  
.eBlocksin {background:#fff;border:0px solid #000;}  
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#FFFFFF; padding: 5px; border:0px solid #252525; background:url('http://zornet.ru/zornet_ru1/1060.png') ;}  
.eTitle a:link {text-decoration:none; color:#FFFFFF;}  
.eTitle a:visited {text-decoration:none; color:#FFFFFF;}  
.eTitle a:hover {text-decoration:none; color:#CCCCCC;}  
.eTitle a:active {text-decoration:none; color:#FFFFFF;}  
.eText {text-align:justify; padding:6px;}  
.eTitlesin {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#dedede; padding: 4px; border:0px solid #252525; background:url() repeat-x ;}  
.eTitlesin a:link {text-decoration:none; color:#dedede;}  
.eTitlesin a:visited {text-decoration:none; color:#dedede;}  
.eTitlesin a:hover {text-decoration:none; color:#FFFFFF;}  
.eTitlesin a:active {text-decoration:none; color:#dedede;}  
.eTextsin {text-align:justify; padding:10px;}  
.eDetails {background:url('http://zornet.ru/zornet_ru1/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt; }  
.eDetails1 {background:url('http://zornet.ru/zornet_ru1/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }  
.eDetails2 {background:url('http://zornet.ru/zornet_ru1/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }  
.eBlock2 {background:url() #333333;border:1px solid #252525;}  
.eRating {font-size:7pt;}  
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://zornet.ru/zornet_ru1/21.gif') no-repeat 0px 0px;}  
</style>


03 Мая 2012 Просмотров: 2933 Комментариев: (5)

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

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

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

Комментарии: 5
Kosten
Kosten 23 Сентября 2014 22:401
0
Увеличении будет в окне.
Dimstrik
Dimstrik 23 Сентября 2014 23:032
0
Отличный вид материалов , поставил на тест сайт с первого раза и без всяких косяков что хорошо для того кто не очень разбирается в этом.
Kosten
Kosten 23 Сентября 2014 23:103
0
Dimstrik, прикольное открытие изображение)
Dimstrik
Dimstrik 23 Сентября 2014 23:154
0
Kosten, Ага я такой тоже часто встречаю и если поменять окно со стандартного на другое более красивое вообще шик будет
Kosten
Kosten 23 Сентября 2014 23:275
0
Dimstrik, да безусловно с Ajax окон блеска и красоты добавит.
avatar