Новый вид светлого фотоальбома для 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)