Главная » Фотоальбом » Светлая страница "Фотоальбом"
05:50
Вот сделал страницу "Фотоальбом" , светлая и красивая страница вообщем получилось неплохо
Делал я ее ночью , так что, если вдруг заметите какие то баги пишите , будем исправлять
Посмотрите ДЕМО
Приступим к установке:
Идем ПУ --> Управление дизайном --> Главная страница фотоальбома , и заменяем все на :
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$
Далее идем в ПУ --> Управление дизайном --> Страница со списком фотографий альбома и заменяем все на :
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$
Потом ПУ --> Управление дизайном --> Вид фотографий , удаляем все и вставляем:
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 -->
Из прикрепленного архива залейте все файлы в соответствующие папки falbom/css falbom/js falbom/css!!
Автор: Рино
Источник:kloun-na.ucoz.com
