Новый вид светлого фотоальбома для uCoz



Разработчик: неизвестен

Сегодня порылся в интернете и нашел очень интересный вид светлого фотоальбома для uCoz сайтов. При установки данного скрипта вы получите очень красивый вид фотографий, который кроме того что красиво выглядит, имеет красивое увеличение, так и имеет кнопку которая позволяет вставить описание для каждого изображения. Такого рода вида материалов для фотоальбомов на uCoz еще не было и скорее всего в ближайшее время не будет.

Внимание! «Новый вид светлого фотоальбома для uCoz» может отображаться не корректно в разных шаблонах системы uCoz. Данный скрипт хорошо работает только на стандартных шаблонах системы uCoz

Установка:
1. Заменяем все на главной странице фотоальбома на этот код:

Code
<html>  
  <head>  
  <link rel="stylesheet" href="/falbom/css/style.css" type="text/css" media="screen" />  
  <meta content="LeanBiz v.1.3" name="generator"/><link media="screen" type="text/css" href="http://www.elegantthemes.com/preview/LeanBiz/wp-content/themes/LeanBiz/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />  
  <link media="screen" type="text/css" href="http://www.elegantthemes.com/preview/LeanBiz/wp-content/themes/LeanBiz/epanel/page_templates/page_templates.css" rel="stylesheet" /><link rel='stylesheet' id='et-shortcodes-css-css' href='http://www.elegantthemes.com/preview/LeanBiz/wp-content/themes/LeanBiz/epanel/shortcodes/shortcodes.css?ver=1.7' type='text/css' media='all' />  
  <link rel='stylesheet' id='wp-pagenavi-css' href='http://www.elegantthemes.com/preview/LeanBiz/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' />  

  </head>  

  <body class="page page-id-552 page-template page-template-page-gallery-php chrome">  
  <script type=text/javascript src=/ajax_windows.js></script>  
  <div id="et-wrapper">  
  <div id="featured">  

  <div id="featured-shadow">  

  <div id="featured-light">  

  <div class="container">  
  <div id="breadcrumbs">  
  </div> <!-- end #breadcrumbs -->  

  <div id="content-border" class="fullwidth">  

  <div id="content-top-border-shadow"></div>  

  <div id="content-bottom-border-shadow"></div>  
  <div id="content" class="clearfix">  

  <div id="content-right-bg" class="clearfix">  

  <div id="left-area">  

  <div class="entry post clearfix comments_disabled">  

   
   
  <h1 class="title">Галерея</h1>  

  <div id="et_pt_gallery" class="clearfix">  

  <!-- gallery category is not selected -->  

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

  </td>  

  <tr><td style="background:url('/.s/t/988/24.gif');"></td><td style="background:#FBFBFB;" height="100%" valign="top"><!-- <middle> --><!-- <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><td align="right" style="white-space: nowrap;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5160>-->Добавить фотографию<!--</s>--></a> ]</td></tr></table>  

  <div style="padding:3px 0 3px 0;border-top:1px dotted #A9B8C2;border-bottom:1px dotted #A9B8C2;"><!--<s5210>-->$CATEGORIES$<!--</s>--></div>  

  $BODY$</table>  
   

  </div> <!-- end #et_pt_gallery -->  

  </div> <!-- end .entry -->  

  </div> <!-- end #left-area -->  

  </div> <!-- end #content-right-bg -->  

  </div> <!-- end #content -->  

  </div> <!-- end #content-border -->  

  </div> <!-- end .container -->  

  </div> <!-- end #featured-light -->  
  </div> <!-- end #featured-shadow -->  

  </div> <!-- end #featured -->  
  </div> <!-- end #et-wrapper -->  
  <script type='text/javascript' src='/falbom/js/jquery.easing.1.3.js?ver=1.0'></script>  
  <script type='text/javascript' src='/falbom/js/jquery.et_motion_slider.1.0.js?ver=1.0'></script>  
  <script type='text/javascript' src='/falbom/js/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script>  
  <script type='text/javascript' src='/falbom/js/et-ptemplates-frontend.js?ver=1.1'></script>  
  </body>  

  </html>  
  $POWERED_BY$


2. На странице с вашим списком фотографий альбома заменяем все на этот код:

Code
<html>  
  <head>  
  <link rel="stylesheet" href="/falbom/css/style.css" type="text/css" media="screen" />  
  <meta content="LeanBiz v.1.3" name="generator"/><link media="screen" type="text/css" href="http://www.elegantthemes.com/preview/LeanBiz/wp-content/themes/LeanBiz/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />  
  <link media="screen" type="text/css" href="http://www.elegantthemes.com/preview/LeanBiz/wp-content/themes/LeanBiz/epanel/page_templates/page_templates.css" rel="stylesheet" /><link rel='stylesheet' id='et-shortcodes-css-css' href='http://www.elegantthemes.com/preview/LeanBiz/wp-content/themes/LeanBiz/epanel/shortcodes/shortcodes.css?ver=1.7' type='text/css' media='all' />  
  <link rel='stylesheet' id='wp-pagenavi-css' href='http://www.elegantthemes.com/preview/LeanBiz/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' />  

  </head>  

  <body class="page page-id-552 page-template page-template-page-gallery-php chrome">  
  <script type=text/javascript src=/ajax_windows.js></script>  
  <div id="et-wrapper">  
  <div id="featured">  

  <div id="featured-shadow">  

  <div id="featured-light">  

  <div class="container">  
  <div id="breadcrumbs">  
  </div> <!-- end #breadcrumbs -->  

  <div id="content-border" class="fullwidth">  

  <div id="content-top-border-shadow"></div>  

  <div id="content-bottom-border-shadow"></div>  

  <div id="content" class="clearfix">  

  <div id="content-right-bg" class="clearfix">  

  <div id="left-area">  

  <div class="entry post clearfix comments_disabled">  

   
   
  <h1 class="title">Галерея</h1>  

  <div id="et_pt_gallery" class="clearfix">  

  <!-- gallery category is not selected -->  

  <td valign="top" height="100%">  
  <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;">  
  <tr><td width="8" height="8"><img src="/.s/t/988/21.gif" border="0"></td><td style="background:url('/.s/t/988/22.gif');"></td><td width="8" height="8"><img src="/.s/t/988/23.gif" border="0"></td>  
  <tr><td style="background:url('/.s/t/988/24.gif');"></td><td style="background:#FBFBFB;" height="100%" valign="top"><!-- <middle> --><!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » $CAT_NAME$ <hr />  
  <div style="text-align:center;">$CAT_DESCR$</div><hr />  
  <table border="0" width="100%" cellspacing="1" cellpadding="2">  
  <tr><td width="50%" style="white-space: nowrap;"><!--<s5225>-->Фотографий в альбоме<!--</s>-->: <b>$NUM_ENTRIES$</b></td><td align="right"><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$</td></tr>  
  <tr><td colspan="2"><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<hr /></td></tr>  
  <tr><td colspan="2" align="center">$BODY$<hr/><div align="center">$SLIDESHOW_BUTTON$</div></td></tr>  
  <tr><td colspan="2" align="center">$PAGE_SELECTOR1$</td></tr>  
  </table><!-- </body> --><!-- </middle> --></td><td style="background:url('/.s/t/988/25.gif');"></td></tr>  
  <tr><td width="8" height="8"><img src="/.s/t/988/26.gif" border="0"></td><td style="background:url('/.s/t/988/27.gif');"></td><td width="8" height="8"><img src="/.s/t/988/28.gif" border="0"></td>  
  </table>  
  </td>  

  </tr>  
  </table>  

  </div> <!-- end #et_pt_gallery -->  

  </div> <!-- end .entry -->  

  </div> <!-- end #left-area -->  

  </div> <!-- end #content-right-bg -->  

  </div> <!-- end #content -->  

  </div> <!-- end #content-border -->  

  </div> <!-- end .container -->  

  </div> <!-- end #featured-light -->  

  </div> <!-- end #featured-shadow -->  

  </div> <!-- end #featured -->  

  </div> <!-- end #et-wrapper -->  

   
  <script type='text/javascript' src='/falbom/js/jquery.easing.1.3.js?ver=1.0'></script>  
  <script type='text/javascript' src='/falbom/js/jquery.et_motion_slider.1.0.js?ver=1.0'></script>  
  <script type='text/javascript' src='/falbom/js/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script>  
  <script type='text/javascript' src='/falbom/js/et-ptemplates-frontend.js?ver=1.1'></script>  
  </body>  

  </html>  
  $POWERED_BY$


3. В свой вид фотографий ставим данный код:

Code
<div class="et_pt_gallery_entry">  

  <div class="et_pt_item_image">  

  <img src="$PHOTO_DIRECT_URL$" class='portfolio' alt='Quisque eget pharetra erat' width='207' height='136' /> <span class="overlay"></span>  

   

  <a class="zoom-icon fancybox" title="Quisque eget pharetra erat" rel="gallery" href="$FULL_PHOTO_DIRECT_URL$">Zoom in</a>  

  <a class="more-icon" href="javascript:openLayerA('obsv','http://gallery-leanbiz.ucoz.ru/opisanie.htm','Описание','400','100','auto'); " title="">Read more</a>  

  </div> <!-- end .et_pt_item_image -->  

  </div> <!-- end .et_pt_gallery_entry -->


4. Все папки из архива заливаем в файловый менеджер, в папки с одноименными названиями: falbom/images, falbom/CSS и falbom/js)


Категория: Все для фотоальбомов | Добавил: GaV | Теги: скрипт, Фотоальбомы, uCoz, увеличение картинки, Новый вид светлого фотоальбома для , увеличение в фотоальбоме
Просмотров: 3840 | Загрузок: 303 | Комментарии: 4 | Рейтинг: 0.0/0
Всего комментариев: 4
1 SedoyKot  
День добрый, а архив то сам где?

2 GaV  
Добрый, посмотрите по внимательней после фразы "Новый вид светлого фотоальбома для uCoz" сразу под ним есть "скачать удаленно"

3 Жека  
скопировать код не могу sad

4 GaV  
Жека, под четвертым пунктом установки найди надпись (это типа кнопка) "Скачать с сервера" я туда код впихнул, тот который на сайте ты скопировать не можешь. Удачи!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]