Fakir-amXServ.ru

Вид Фотоальбома

MeNameLarchik — Sun, 15 May 2011 06:58:48 GMT

[Table]В настройках модуля фотоальбома выставляем:
Количество колонок для материалов: 2
Размеры демо-картинки: 170x120 (не действует для уже добавленных фото)[/Table]

В виде фотографий все удаляем и ставим:

В CSS ставим:

Если у кого стоит галерея Ilight или собирается ставить то замените строчку:

Code

$PHOTO$

на:

Code

Автор: CodeNameSkif
SevenSoft.3dn.ru ©2011

Новый Вид фотоальбома

FAKIR — Mon, 18 Apr 2011 18:38:34 GMT

Установка новый вид фотографий в фотоальбоме:
1. B настройках фотоальбома поставте Размеры демо-картинки 170х120(ВНИМАНИЕ! не действует для уже добавленных фото)
2. Закачать изображения "polaroid.png" в папку "images"
3. В шаблон "Вид Фотографий" все удалите и вставьте код:

Code

$PHOTO_NAME$

4. В шаблоны где будет выводиться фотографии - "Главная страница фотоальбома""Страница со списком фотографий раздела""Страница со списком фотографий альбома"
Вставить вместо $BODY$

Code

$BODY$

5. В style1.css в самый низ вставьте:

Code

.gallery {
       list-style: none;
       margin: 0;
       padding: 0;
   }
   .gallery li {
       margin: 10px 2px 5px;
       padding: 8px;
       background: url(/images/polaroid.png) no-repeat;
       float: left;
       position: relative;
   }
   .gallery em {
       display: block;
       text-align: center;
       font: 100% Century Gothic, "Times New Roman", Times, serif;
       color: #adadad;
   }

6. в папку images

Новый Вид фотоальбома v2

FAKIR — Mon, 18 Apr 2011 18:34:58 GMT

Установка новый вид фотографий в фотоальбоме:
1. B настройках фотоальбома поставте Размеры демо-картинки 170х120 (ВНИМАНИЕ! не действует для уже добавленных фото)
2. Закачать изображения "cut-corner.png" в папку "images"
3. В шаблон "Вид Фотографий" все удалите и вставьте код:

Code

$BODY$

5. В style1.css в самый низ вставьте:

Эту картинку в корень сайта в images:

Вид Фотоальбома + iLoad

FAKIR — Mon, 18 Apr 2011 18:31:41 GMT

Новая галерея на Dominion!
Установка:
1. В шаблон "Вид Фотографий" все удалите и вставьте код:

2. В шаблоны где будет выводиться фотографии - "Главная страница фотоальбома""Страница со списком фотографий раздела""Страница со списком фотографий альбома"
Вместо $BODY$ вставить:

Code

$BODY$

И на этих же страницах перед закрывающим тегом:

Code

Ставим:

3. В шаблоне "Страница с полной фотографией и комментариями" найти:

Code

Главная » Фотоальбом » $SECTION_NAME$ » $CAT_NAME$ » $PHOTO_NAME$

И заменить на:

4. В css ставим:

Code

.ph_img img{width:187px;height:126px;border:3px solid #e5e5e5 !important;}
   #portfolio-items { padding-bottom: 20px; margin-left: 0px; margin-top: 20px; }
   #portfolio-items .item { position: relative; background: url(/images/item-bottom-shadow.png) no-repeat bottom left; padding-bottom: 5px; float: left; margin: 0px 13px 32px 0px; }
   .item-image { position:relative; top:0; }
   .item-image span.overlay { position: absolute; top: 3px; left: 3px; background: url(/images/item-overlay.png) no-repeat; width: 187px; height: 126px; }
   a.zoom-icon, a.more-icon { display: block; width: 61px; height: 61px; text-indent: -9999px; position: absolute; top: 41px; }
   a.zoom-icon { left: 31px; background: url(/images/zoom-icon.png) no-repeat; }
   a.more-icon { left: 128px; background: url(/images/readmore-icon.png) no-repeat; }
   .photoActive{border:2px solid #217da0 !important}
   .photoActive, .otherPhoto{width:175px}
   .near_photos{margin:10px 0}
   div.roundbox_photo, div.roundbox_video {background-color: #2b2f35;}
   div.roundboxcorner { background-color: #999999; padding:6px;
           -moz-border-radius: 4px;
           -webkit-border-radius: 4px;
           border-radius: 4px;
   }
   div.roundboxcorner img {
           border-top: 1px solid #757575;
           border-right: 1px solid #757575;
           border-left: 1px solid #cecece;
           border-bottom: 1px solid #cecece;
   }
   div.roundbox_photo a {position:relative; float:left}
   div.roundbox_photo a span { background-image:url(/images/zoom.png); background-repeat:no-repeat; width:49px; height:40px; display:none; position:absolute; right:7px; bottom:7px; }
   .left { float:left; margin:5px 20px 10px 0}
   .right { float:right; margin:5px 0 10px 20px}
   .post_infobox {
              padding:7px 0 7px 0;
              margin-bottom:10px;
              background-image: url(/images/post_infobox_bg.gif);
              background-repeat: repeat-x;
              background-position: top;
              color:#93979e;
              font-size:11px;
              text-shadow: #15171a 1px 1px 0px;
              line-height:22px;
              }

   .post_infobox img {
              margin:0 5px -2px 10px;
              }

   .post_infobox img.first {
              margin:0 5px -2px 3px;
              }

   .post_infobox a {
              color:#fff;
              text-shadow: #15171a 1px 1px 0px;
              }

   .post_infobox a:hover {
              color:#fff;
              text-decoration:underline;
              }

5. Скачиваем архив и заливаем в одноименные папки.
СКАЧАТЬ

$PHOTO_DESCR$
$PHOTO$
Просмотров: $REVIEWS$ \| Размеры: $PHOTO_SIZE$px/$PHOTO_WEIGHT$Kb Дата: $ADD_DATE$ \| Теги: $TAGS$ \| Добавил: $USER$ \| $MODER_PANEL$
Просмотреть фотографию в реальном размере