Демонстрационный сайт » Каталог файлов » uCoz » Скрипты для uCoz » Светлый вид материалов файлов + увеличения скрина в ajax

Светлый вид материалов файлов + увеличения скрина в ajax

Светлый вид материалов файлов + увеличения скрина в ajax
Скрипты для uCoz
07:27, 28 декабря 2012
1 504
0
Установка:
В вид материалов файлов вставляем:
Код
<div id="allEntries"><div id="entryID158"><table style="width: 100%; border-collapse: collapse"><tbody><tr>  
<td style='width: 5px; height: 79px; letter-spacing: 0px; word-spacing: 0px; background-image: url("/designs_img/ucoz/verh_left.png"); background-repeat: no-repeat; background-position: 100% 100%'>  
</td><td style='letter-spacing: 0px; word-spacing: 0px; vertical-align: top; background-image: url("/designs_img/ucoz/verh_center.png"); background-repeat: repeat-x; background-position: 50% 100%'>  
<table style="width: 100%; border-collapse: collapse"><tbody><tr>  
<td style="letter-spacing: 0px; word-spacing: 0px; height: 40px">  
  <div class="etitle"><div style="float:right">$MODER_PANEL$</div><a href="$ENTRY_URL$" style="">$TITLE$</a> <img src="/designs_img/ucoz/new.png" align="absmiddle"></div>  
<style>  
  .etitle a:link,  
.etitle a:active,  
  .etitle a:visited {color: #ffffff; font-size:12pt; text-shadow: 1px 1px 0px #000000; font-family:tahoma; text-decoration:none;}  
.etitle a:hover {color: #999999; font-size:12pt; text-shadow: 1px 1px 0px #000000; font-family:tahoma; }  
  </style>  
   
  </td></tr><tr><td style="letter-spacing: 0px; word-spacing: 0px; height: 26px">  
  <img src="/designs_img/ucoz/download.png" width="10px"><b>Категория:</b> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> <img src="/designs_img/ucoz/prof1.png" width="10px"><b>Добавил:</b> <a href="$PROFILE_URL$">$USERNAME$</a>  
</td></tr></tbody></table></td>  
<td style='width: 105px; letter-spacing: 0px; word-spacing: 0px; vertical-align: top; background-image: url("/designs_img/ucoz/verh_right.png"); background-repeat: no-repeat; background-position: 0% 100%'>  
<table style="width: 100%; border-collapse: collapse"><tbody><tr>  
<td style="height: 40px; letter-spacing: 0px; word-spacing: 0px; vertical-align: bottom; padding-left: 10px">  
  
</td></tr>  
  <tr align="center"></tr></tbody></table></td></tr></tbody></table><table style="width: 100%; border-collapse: collapse">  
<tbody><tr><td style='width: 5px; letter-spacing: 0px; word-spacing: 0px; background-image: url("/designs_img/ucoz/left.png"); background-repeat: repeat-y; background-position: 100% 50%'>  
</td><td style="background-color: #ffffff;vertical-align: top; letter-spacing: 0px; word-spacing: 0px">  
<table style="background-color: #ffffff;width: 100%; border-collapse: collapse"><tbody><tr>  
<td style="background-color: #ffffff;vertical-align: top; letter-spacing: 0px; word-spacing: 0px; width: 200px"><table style="width: 100%; border-collapse: collapse">  
<tbody><tr><td style='background-color: #ffffff; vertical-align: top; letter-spacing: 0px; word-spacing: 0px; height: 135px; padding-left: 9px; padding-top: 9px; background-image: url("/designs_img/ucoz/img.png"); background-repeat: no-repeat; background-position: 50% 50%'>  
  <img id="img$ID$" style="cursor:pointer;" src="$IMG_URL1$" alt="" width="180" height="100">  
<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>  
</td></tr></tbody></table></td>  
  <td style="vertical-align: top; letter-spacing: 0px; word-spacing: 0px; padding-left: 3px; background-color: #ffffff;">  
  <div style="width:99%;overflow:hidden">$MESSAGE$</div>  
</td></tr></tbody></table></td><td style='width: 5px; letter-spacing: 0px; word-spacing: 0px; background-image: url("/designs_img/ucoz/right.png"); background-repeat: repeat-y; background-position: 0% 50%'>  
</td></tr></tbody></table><table style="width: 100%; border-collapse: collapse"><tbody><tr><td style='width: 5px; height: 47px; letter-spacing: 0px; word-spacing: 0px; background-image: url("/designs_img/ucoz/niz_left.png"); background-repeat: no-repeat; background-position: 100% 0%'><br></td>  
  <td style='letter-spacing: 0px; word-spacing: 0px; vertical-align: top; background-image: url("/designs_img/ucoz/niz_center.png"); background-repeat: repeat-x; background-position: 50% 0%'><table style="width: 100%; height: 100%; border-collapse: collapse" width="" align=""><tbody><tr><td><img src="/designs_img/ucoz/vico-views.png" alt=""><b>Просмотров:</b> $READS$ <img src="/designs_img/ucoz/vico-comments.png" width="14px"><b>Комментариев:</b> ($COMMENTS_NUM$)  

<br></td>  
<td style="letter-spacing: 0px; word-spacing: 0px; width: 130px; text-align: right; vertical-align: bottom; padding-right: 4px; padding-bottom: 9px" align="center">  

<input class="gbutton" type="button" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Подробнее">  

</td></tr></tbody></table></td><td style='width: 5px; letter-spacing: 0px; word-spacing: 0px; background-image: url("/designs_img/ucoz/niz_right.png"); background-repeat: no-repeat; background-position: 0% 0%'><br>  
</td></tr></tbody></table><br></div>
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.