[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Новейший вид фотоальбома by Apocalypse
Prey Дата: Воскресенье, 18.04.2010, 6:04:13 | Сообщение # 1
Setka club
Группа: Проверенные
Регистрация: 05.04.2010
ICQ:480489447
Пользователь №: 7
Сообщений: 621
[ 19 ]
18.04.2010 Воскресенье
Профиль
Группа: Проверенные
Регистрация: 05.04.2010
Пользователь №: 7
Сообщений: 621
Репутация: [ 19 ]
ICQ:480489447

Автор - Prey
Дата добавления - 18.04.2010 в 6:04:13
1) Активирована стандартная функция слайдшоу от uCoz с возможностью его скрытия:

2) Полностью переписан Вид фотографий (В минимуме пространства максимум информации):

3) Есть возможность скрывать как само слайдшоу, так и фотографии (Если одно другому мешает):

4) При нажатии на миниатюру выходит полноразмерное изображение с затемнением основного фона и возможностью перелистывания!!! (Pretty Photo):

Установка сложная, но это стоит того, уж поверьте мне:

А) Создаём глобальный блок с названием RESERVEDF
В шаблон блока вставляем:

Code
<link type="text/css" rel="StyleSheet" href="http://apocalypse.ucoz.kz/bigbar/hintblack.css" />   
<script type="text/javascript" src="http://apocalypse.ucoz.kz/bigbar/hintblack.js"></script>  

<link type="text/css" href="http://apocalypse.ucoz.kz/css/prettyPhoto.css" rel="stylesheet" />  
<script src="http://apocalypse.ucoz.kz/js/jquery-1.3.2.min.js" type="text/javascript"></script>  
<script src="http://apocalypse.ucoz.kz/js/jquery.prettyPhoto.js" type="text/javascript"></script>  
<script type="text/javascript">  
<!--  
$(function(){  
   $("#lightBox a[rel^='prettyPhoto']").prettyPhoto({  
   theme: 'dark_rounded'  
   });  
});  
-->  
</script>  

<center><br>$POWERED_BY$</center>

Б) Фотоальбомы -- Главная страница фотоальбома
Заменяем там всё на:
Code
<html>  
<head>  

<title>$MODULE_NAME$ - $SITE_NAME$</title>  
<link type="text/css" rel="StyleSheet" href="Путь к своему стилю CSS" />  
</head>  

$ADMIN_BAR$  

<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center">  

<!-- <middle> -->  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  

$GLOBAL_CLEFTER$  

<td valign="top" style="padding:15px;">  

<br><div title="Введите слова для поиска и нажмите Enter" align="center">$MODULE_SEARCH_FORM$</div>  

<br>  

<br>  
<!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="70%"><!--<s5194>-->Фотографий: <b>$NUM_ENTRIES$</b> | Альбомов: <b>$NUM_CATEGORIES$</b><!--</s>--></td><p align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?> <a title="Добавить своих фотографий в фотоальбом" href="$ADD_ENTRY_LINK$"><img src="http://apocalypse.ucoz.kz/add_photo_btn.png" border="0"></img><?endif?></p></tr></table><br>  
<div style="padding:3px 0 3px 0;border-top:1px dotted #A9B8C2;border-bottom:1px dotted #A9B8C2;"><!--<s5210>-->Новые фотографии<!--</s>--></div>

<center>$PAGE_SELECTOR$<br>  
<b style="cursor:hand" onClick="expandit(this)"><center>[Скрыть Слайдшоу]</center></b>   
<span style="display:all" style=&{head};>   
$SLIDESHOW$  
</span>  
</center><br>  
<script language="JavaScript1.2">   
<!--   
     
var ns6=document.getElementById&&!document.all?1:0   
     
var head="display:''"   
var folder=''   
     
function expandit(curobj){   
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style   
if (folder.display=="none")   
folder.display=""   
else   
folder.display="none"   
}   
     
//-->   
</script>  

<b style="cursor:hand" onClick="expandit(this)"><center>[Скрыть фотографии]</center></b>   
<span style="display:all" style=&{head};>   
$BODY$  
</span>   
</td>  

$GLOBAL_DRIGHTER$  

</tr>  
</table>  
<!-- </middle> -->  

</td></tr></table>  

$GLOBAL_RESERVEDF$  

</body>  

</html>

В) Фотоальбомы -- Страница со списком фотографий альбома
Заменяем всеь код на:
Code
<html>  
<head>  

<title>$MODULE_NAME$ - $SITE_NAME$</title>  
<link type="text/css" rel="StyleSheet" href="Путь к своему стилю CSS" />  
</head>  

$ADMIN_BAR$  

<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center">  

<!-- <middle> -->  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  

$GLOBAL_CLEFTER$  

<td valign="top" style="padding:15px;">  

<br><div title="Введите слова для поиска и нажмите Enter" align="center">$MODULE_SEARCH_FORM$</div>  

<br>  

<br>  
<!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></a><div align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?> <a title="Добавить своих фотографий в фотоальбом" href="$ADD_ENTRY_LINK$"><img src="http://apocalypse.ucoz.kz/add_photo_btn.png" border="0"></img></a><?endif?></div> <hr /> <?if($SECTION_NAME$)?> <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » $CAT_NAME$ <hr />  
<?if($CAT_DESCR$)?><div style="text-align:center;">$CAT_DESCR$</div><hr /><?endif?>  
<table border="0" width="100%" cellspacing="1" cellpadding="2">  
<tr><td width="50%" style="white-space: nowrap;"><?if($NUM_ENTRIES$)?><!--<s5225>-->Фотографий в альбоме<!--</s>-->: <b>$NUM_ENTRIES$</b><?endif?></td><td align="right"><?if($PAGE_SELECTOR$)?><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$<?endif?></td></tr>  
<tr><td colspan="2"><?if($SORTING_MENU$)?><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<?endif?><hr /></td></tr>  
<tr><td colspan="2" align="center">  
<b style="cursor:hand" onClick="expandit(this)"><center>[Скрыть Слайдшоу]</center></b>   
<span style="display:all" style=&{head};>   
$SLIDESHOW$  
</span>  
<br>  

<script language="JavaScript1.2">   
<!--   
     
var ns6=document.getElementById&&!document.all?1:0   
     
var head="display:''"   
var folder=''   
     
function expandit(curobj){   
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style   
if (folder.display=="none")   
folder.display=""   
else   
folder.display="none"   
}   
     
//-->   
</script>  

<b style="cursor:hand" onClick="expandit(this)"><center>[Скрыть фотографии]</center></b>   
<span style="display:all" style=&{head};>   
$BODY$  
</span>   

</td></tr>  
</table>  
</td>  

$GLOBAL_DRIGHTER$  

</tr>  
</table>  
<!-- </middle> -->  

</td></tr></table>  

$GLOBAL_RESERVEDF$  

</body>  

</html>

Г) Фотоальбомы -- Страница с полной фотографией и комментариями
Заменяем весь код на:
Code
<html>  
<head>  

<title>$MODULE_NAME$ - $SITE_NAME$</title>  
<link type="text/css" rel="StyleSheet" href="Путь к своему стилю CSS" />  
</head>  

<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center">  

<!-- <middle> -->  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  

$GLOBAL_CLEFTER$  

<td valign="top" style="padding:15px;">  

<br><div title="Введите слова для поиска и нажмите Enter" align="center">$MODULE_SEARCH_FORM$</div>  

<br>  

<br>  

<!-- <body> -->  

<?if($MODER_PANEL$)?>  
<script type="text/javascript">  
   $(document).ready(function(){  
   //Made by Bogdan4eg ~ Copyright http://cloddy.org/  
   $("#moderPanel a:last").hide();  
   $("#moderPanel a:last").before("<a href=\"javascript://\" onclick=\"delShow();\"><img border=\"0\" align=\"absmiddle\" src=\"http://s32.ucoz.net/img/fr/EmnD.gif\" onmouseover=\"if (this.src!='http://s32.ucoz.net/img/fr/EmnAjax.gif')this.src='http://s32.ucoz.net/img/fr/EmnD_.gif'\" onmouseout=\"if (this.src!='http://s32.ucoz.net/img/fr/EmnAjax.gif')this.src='http://s32.ucoz.net/img/fr/EmnD.gif'\" width=\"16\" height=\"16\" title=\"Удалить\"></a>");  
   });  
   function delNo(){  
   _uWnd.close('delwind');  
   }  
   function delShow(){  
   new _uWnd('delwind','Уведомление о удалении',380,200,{align:0,autosize:1,maxh:300,minh:100},'<fieldset><legend><b> Введите причину удаления: </b></legend>Этот материал добавил <b>$USER$</b>. У него наверное появятся вопросы по поводу удаления этого материала. Чтобы вопросов не было, введите причину и она отправится к <b>$USER$</b> в ЛС.<br><textarea id="valDel" style="height:50px;width:100%;"></textarea></fieldset><fieldset style="margin-top: 5px;"><table width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr><td><img src="http://cloddy.org/images/icons/16x16/loading.gif" style="display:none" border="0" id="delStatus"></td><td width="55%"><input type="button" value="Отправить" id="delSend" onclick="delDo();"><input type="button" value="Отменить удаление" id="delNo" onclick="delNo();"></td></tr></tbody></table></fieldset>');  
   }  
   function delDo(){  
   dreason = $('#valDel').val();  
   if (dreason.length<6){  
   _uWnd.alert('Введите полную причину удаления','',{w:250,h:60,tm:3000});return;  
   }  
   $('#delStatus').show();  
   $.post('/index/', {s: '$USER$',  
   subject: 'Ваш материал был удален',  
   message: 'Здравствуйте, $USER$!\n\nВы добавляли материал «[b]$ENTRY_TITLE$[/b]», но этот материал удалил <?if($GROUP_ID$='3')?>модератор<?endif?><?if($GROUP_ID$='4')?>администратор<?endif?> [url=$HOME_PAGE_LINK$index/8-$USER_ID$]$USERNAME$[/url].\n [b]Причина удаления[/b]: «'+dreason+'»\n\nЕсли Вы не согласны с действиями <?if($GROUP_ID$='3')?>модератора<?endif?><?if($GROUP_ID$='4')?>администратора<?endif?>, то Вы можете [url=$HOME_PAGE_LINK$index/14-$USER_ID$-0-1]связаться с ним через ЛС[/url].\n\n\n [i]Всего хорошего![/i]',  
   a: 18}, function(data){  
   iData = $('<div/>').html($(data).text()).find('font').html();  
   iGood = 'Сообщение успешно отправлено';  
   if(iData==iGood){$('#delNo').attr('disabled','disabled');$('#delSend').attr('disabled','disabled'); $('#delStatus').attr('src','http://cloddy.org/images/icons/16x16/ok.png');_uWnd.alert('Уведомление отправлено','',{w:200,h:70,tm:5000});$("#moderPanel a:last").click();}  
   else {$('#delStatus').attr('src','http://cloddy.org/images/icons/16x16/er.png'); _uWnd.alert('<b>Уведомление не отправлено:</b><br>'+iData+'','',{w:200,h:70,tm:5000});}  
   });   
   }  
</script>  
<?endif?>  

<a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></a> <div align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?> <a title="Добавить своих фотографий в фотоальбом" href="$ADD_ENTRY_LINK$"><img src="http://apocalypse.ucoz.kz/add_photo_btn.png" border="0"></img><?endif?></div> <hr /> <?if($SECTION_NAME$)?> <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a> » $PHOTO_NAME$   
<hr />  
<table border="0" width="100%" cellspacing="1" cellpadding="2">  
<tr><td colspan="2" align="center">$PHOTO_DESCR$</td></tr>  

<tr><td colspan="2" class="eDetails" style="text-align:center;"><font color="000000"><!--<s3177>-->Просмотров<!--</s>-->: $REVIEWS$ | <!--<s5162>-->Размеры<!--</s>-->: $PHOTO_SIZE$px/$PHOTO_WEIGHT$Kb | Дата: $ADD_DATE$  
   | <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a> <?if($MODER_PANEL$)?> | $MODER_PANEL$<?endif?></font>  
<br>  
<center>  
<?if($RATING$)?><?$RSTARS$('30','/.s/img/stars/3/30.png','1','float')?><?endif?><br>  
<br>  

<?if($USER_ID$=$UID$)?><?else?>  
<script type="text/javascript">   
function repchange(val,id){   
repval=val;   
ajaxtime=setInterval('checkajax'+id+'()',500);}   
</script>   
<script type="text/javascript">   
function checkajax26668(){   
forms=document.getElementsByTagName('form');   
for(f=0;f<forms.length;f++){   
if(forms[f].id=='frm981'){   
if(repval=='plus'){document.getElementById('a2').checked='true';   
forms[f].reason.value='Благодарю за $PHOTO_NAME$'   
document.getElementById('submfrm981').click();   
document.getElementById('sbt981').onclick=null;   
clearInterval(ajaxtime);}}}}   
</script>   
<a title="Репутация пользователя автоматически повысится. Многократное нажатие Спасибо запрещено Правилами портала и строго наказывается!" href="javascript://" onclick="openLayerB('Rd',0,'$HOME_PAGE_LINK$index/23-$UID$','Change Reputation',380,200,1); return false;"><img src="http://apocalypse.ucoz.kz/_tbkp/thanks.png" onclick="repchange('plus','26668');" align="absmiddle" border="0"></a><?endif?>  

</center>  
</td></tr>  

<?if($FULL_PHOTO_DIRECT_URL$)?><center>  
<div id="lightBox"><a title="Нажмите, чтобы увеличить фото" rel="prettyPhoto[mixed]" href="$FULL_PHOTO_DIRECT_URL$" ><img src="$FULL_PHOTO_DIRECT_URL$" border=0 width=300 style="border:none;"></a>  
</div></center><br><?endif?>  

<?if($OTHER_PHOTOS$)?><tr><td colspan="2" height="10"><hr /></td></tr><tr><td colspan="2" align="center">$NEAR_PHOTOS$ <div style="padding-top:5px">$OTHER_PHOTOS$</div></td></tr><?endif?>  
</table><hr />  

</td>  

$GLOBAL_DRIGHTER$  

</tr>  
</table>  
<!-- </middle> -->  

</td></tr></table>  

$GLOBAL_RESERVEDF$  

</body>  

</html>

Д) Фотоальбомы -- Вид фотографий
Заменяем весь код на:
Code
<center>  

<a title="Кликните для перехода в категорию" href="$CAT_URL$">[$CAT_NAME$]</a>  

<table border="0" cellpadding="0" cellspacing="0">   
   <tbody>   
<tr>   
   <td width="17" background="http://apocalypse.ucoz.kz/foto/3bd0bff61a01.png" height="17" border="0">   
   </td>   
   <td background="http://apocalypse.ucoz.kz/foto/290b6ff174f7.png" height="17" border="0">   
   </td>   
   <td width="17" background="http://apocalypse.ucoz.kz/foto/94af9881da39.png" height="17" border="0">   
   </td>   
   </tr>   
   <tr>   
   <td width="17" background="http://apocalypse.ucoz.kz/foto/326a55f011dc.png" border="0">   
   </td>   
<td>  
<div id="lightBox"><a rel="prettyPhoto[mixed]" href="$FULL_PHOTO_DIRECT_URL$" width="120" title="<u>Название:</u> <b>$PHOTO_NAME$</b><br><br><u>Добавил:</u> <b>$USER$</b><br><br><u>Комментариев:</u> <b>$COMMENTS_NUM$</b><br><br><u>Размеры:</u> <b>$PHOTO_SIZE$, $PHOTO_WEIGHT$ Кб</b>" id="lightBox">$PHOTO$</a>  
<?if($RATING$)?><center><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?><?endif?>  
<a title="Перейти на страницу с фотографией" href="$PHOTO_URL$">[Перейти]</a></div>  
</td>   
<td width="17" background="http://apocalypse.ucoz.kz/foto/a4e3e0816fe3.png" border="0">   
   </td>   
   </tr>   
   <tr>   
   <td width="17" background="http://apocalypse.ucoz.kz/foto/8cb928874182.png" height="17" border="0">   
   </td>   
   <td background="http://apocalypse.ucoz.kz/foto/8f85b050c329.png" height="17" border="0">   
   </td>   

   <td width="17" background="http://apocalypse.ucoz.kz/foto/ce48d6da8a98.png" height="17" border="0">   
   </td>   
   </tr>   
   </tbody></table>  
</center>

Всё!!! Остальное в комментарии припишу, а то код не помещается...



  • Страница 1 из 1
  • 1
Поиск:


Дизайн сайта полностью пренадлежит CS-NIKE
CS-NIKE.3DN.RU © 2010-1011 Хостинг от uCoz