На главную Форум Вход Регистрация
Новый вид страницы фотоальбома с полной фотографией - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
[Игра] Города
Оставлено 68 сообщений в теме
Сигны в формате psd
Оставлено 45 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

Страница 1 из 11
Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Новый вид страницы фотоальбома с полной фотографией
Новый вид страницы фотоальбома с полной фотографией
NN-CS™
Дата: Вторник, 28.09.2010, 00:57 | Сообщение # 1
Администратор
Сообщений: 358
Репутация: 848
Награды: 17
скрин ---> http://i064.radikal.ru/1009/04/93ff7c658b3a.jpg

Абсолютно новый вид страницы фотоальбома с полной фотографией для Ucoz.

Установка:
Заходим - Главная » Управление дизайном » Редактирование шаблонов » Фотоальбомы » Страница с полной фотографией и комментариями.

Удаляем все и вставляем этот код:

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<BODY style="margin: 0px; padding: 0px; background-color: rgb(0, 0, 0);" background="http://edik2009.at.ua/hapki2/14921_14921.jpg">  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>$PHOTO_NAME$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>  
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
</head>  
<body>  
<br><br>  
    <div align="center">  
<br><br>  
    <div align="center">  

<table wigsht="60%" style="border:1px solid #DCDADA;">    
<td>  
<center>  

<table wigsht="60%" style="border:1px solid #DCDADA;">    
<td>  
<center>  
<div align="center">  
    <div class="b1top"><div class="b1"></div></div>  
    <div class="b2">  
<a href="$HOME_PAGE_LINK$"><b>На главную</b></a> |    
<a href="$HOME_PAGE_LINK$photo/0-0-0-1"><b>Залить еще</b></a></center><br>    
</div><br>  
<div class="b4"><div align="left"><!-- <body> -->  
<table border="0" width="100%" cellspacing="1" cellpadding="2">  
<tr><td colspan="2" align="center">$PHOTO_DESCR$</td></tr>  
<DIV align="center"><P><BR></P><P><STRONG><SPAN style='font-family: "Arial Black"'><SPAN style="color: #a9a9a9"><SPAN style="font-size: 18pt"><SPAN style='font-family: "Arial Narrow"'><SPAN style="font-size: 14pt"><SPAN style="font-size: 14pt"><SPAN style="font-size: 24pt"><SPAN style="font-size: 36pt"><SPAN style="font-size: 24pt">Сервис загрузки изображений сайта edik2009.at.ua</SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></STRONG></P>  
<tr><td colspan="2" align="center"><DIV align="center"><IMG src="$FULL_PHOTO_DIRECT_URL$" width=500 onclick="return hs.expand(this, { src: '$FULL_PHOTO_DIRECT_URL$' });" onmouseover="this.style.cursor='pointer';">  

</p><p align="center"><strong><span style="font-family: "Arial Black""><span style="color: #a9a9a9"><span style="font-size: 18pt"><span style="font-family: "Arial Narrow""><span style="font-size: 14pt"><span style="font-size: 14pt"><span style="font-size: 24pt"><span style="font-size: 36pt"><span style="font-size: 24pt"><span style="font-size: 10pt"><span style="font-size: 12pt">Для просмотра изображения в реальном размере "Кликните на нее".</span></span></span></span></span></span></span></span></span></span></span></strong></p>  
<div align="left">  
<FONT color="#696969">1.</FONT><FONT color="#1e90ff">Ссылка</FONT><input type="text" value="$PHOTO_URL$" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">2.</FONT><FONT color="#009900">Картинка в тексте</FONT><input type="text" value="[URL=http://http://img-soft-blin.3dn.ru][IMG]$PHOTO_URL$[/IMG][/URL]" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">3.</FONT><FONT color="#e63a00">Превью - увеличение по клику</FONT><input type="text" value="[url=$PHOTO_URL$][IMG]$THUMBNAIL_URL$[/IMG][/url]" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">4.</FONT><FONT color="#424242"> HTML: картинка в тексте</FONT><input type="text" value="<a target="_blank" href="http://img-soft-blin.3dn.ru"><img src="$PHOTO_URL$">" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">5.</FONT><FONT color="#424242"> HTML: превью - увеличение по клику</FONT><input type="text" value="<a target="_blank" href="$ENTRY_URL$"><img src="$THUMBNAIL_URL$">$PHOTO_NAME$</a>" onclick="select(this);" style="width: 100%;"></fieldset>  
<FONT color="#696969">5.</FONT><FONT color="#424242"> Картинка на странице просмотра полноразмерного изображения</FONT><input type="text" value="$HOME_PAGE_LINK$$ENTRY_URL$" onclick="select(this);" style="width: 100%;"></fieldset>  
</div>  
</td></tr>  
<tr><td colspan="2" class="eDetails" style="text-align:center;"><!--<s3177>--><!--<s5162>-->Размеры<!--</s>-->: $PHOTO_SIZE$px/$PHOTO_WEIGHT$Kb<div style="padding-top:4px;">  
<?if($MODER_PANEL$)?> | $MODER_PANEL$<?endif?></div></td></tr>  
<?if($FULL_PHOTO_URL$)?><tr><td align="center" colspan="2"><a href="$FULL_PHOTO_URL$" target="_blank"><!--<s5227>-->Просмотреть фотографию в реальном размере<!--</s>--></a></td></tr><?endif?>  
</table>  
<!-- </body> --></div></div>  
</div>  
<div class="b3">  
<div class="b3content">  
<br>$POWERED_BY$ | Дизайн и верстка от <a href="http://edik2009.at.ua" target="_blank">edik2009.at.ua</a>    
</div>  
</div>  
</div>  
</body>  

<div id="loading-layer" style="display:none;font-family: Verdana;font-size: 11px;width:200px;height:50px;background:#FFF;padding:10px;text-align:center;border:1px solid #000"><div style="font-weight:bold" id="loading-layer-text">Загрузка. Пожалуйста, подождите...</div>    
<img src="http://www.filonet.ru/engine/ajax/loading.gif" border="0" alt="" /></div>    
<div id="busy_layer" style="visibility: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: gray; opacity: 0.1; filter: alpha(opacity=10); "></div>    
<script type="text/javascript" src="http://www.filonet.ru/engine/ajax/js_edit.js"></script>    
<script type="text/javascript" src="http://www.filonet.ru/engine/classes/highslide/highslide.js"></script>    
<script type="text/javascript">    
    hs.graphicsDir = 'http://www.filonet.ru/engine/classes/highslide/graphics/';    
    hs.outlineType = 'rounded-white';    
    hs.numberOfImagesToPreload = 0;    
    hs.showCredits = false;    
    hs.loadingText = 'Загрузка. Пожалуйста, подождите...';    
    hs.fullExpandTitle = 'Развернуть до полного размера';    
    hs.restoreTitle = 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения';    
    hs.focusTitle = 'Сфокусировать';    
    hs.loadingTitle = 'Нажмите для отмены';    
</script>

На всякий случай прикрепляю картинку в архиве.

СКАЧАТЬ


Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Новый вид страницы фотоальбома с полной фотографией
Страница 1 из 11
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх