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

01 Фев 2025

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

Code

<div class="item">
  <div class="item-image">
  <div class="ph_img">$PHOTO$</div>
  <span class="overlay"></span>
  <a class="zoom-icon" rel="iLoad|$CAT_NAME$" href="$FULL_PHOTO_DIRECT_URL$" title="$PHOTO_NAME$"></a>
  <a class="more-icon" href="$PHOTO_URL$"></a>
  </div>
  </div>

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

Code

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

Code

</body>

Ставим:

Code

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

Code

<a href="$HOME_PAGE_LINK$">Главная</a> » <a href="$MODULE_URL$">Фотоальбом</a> <?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" align="center">$PHOTO$</td></tr>
  <tr><td colspan="2" class="eDetails" style="text-align:center;">Просмотров: $REVIEWS$ | Размеры: $PHOTO_SIZE$px/$PHOTO_WEIGHT$Kb<div style="padding-top:4px;">Дата: $ADD_DATE$
  <?if($TAGS$)?> | Теги: $TAGS$<?endif?>
  <?if($USER$)?> | Добавил: <a href="$PROFILE_URL$">$USER$</a><?endif?>
  <?if($MODER_PANEL$)?> | $MODER_PANEL$<?endif?></div></td></tr>
  <?if($FULL_PHOTO_URL$)?><tr><td align="center" colspan="2"><a href="$FULL_PHOTO_URL$" target="_blank">Просмотреть фотографию в реальном размере</a><hr /></td></tr><?endif?>

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

Code

<h2>$PHOTO_NAME$</h2>
  <div class="modpan">$MODER_PANEL$</div>
  <div class="post_infobox">
  <img src="/images/calendar_icon.png" width="12" height="14" class="first" alt="" />$ADD_DATE$, $ADD_TIME$
  <img src="/images/suitcase_icon.png" width="15" height="14" alt=""/>Добавлена в: <a href="$CAT_URL$">$CAT_NAME$</a> от <a href="$PROFILE_URL$">$USER$</a>
  <img src="/images/blog_icon.png" width="17" height="14" alt=""/><a>комментариев ($COMMENTS_NUM$)</a></div>
  <div class="roundbox_photo leftt">
  <div class="roundboxcorner">
  <img src="<?if($FULL_PHOTO_DIRECT_URL$)?>$FULL_PHOTO_DIRECT_URL$<?else?>/images/galleryimages/blog_img02.jpg<?endif?>" style="width:606px;min-height:150px;overflow:hidden" alt="" />
  </div>
  </div>

$PHOTO_DESCR$</p>
  <div class="clearboth"></div>

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. Скачиваем архив и заливаем в одноименные папки.

Уважаемый посетитель, скачивать материал могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

- 1
- 2
- 3
- 4
- 5

Пользователи/ Категории

» Скрипты для uCoz/ Просмотров

2882 /

Вернуться назад

Всего комментариев: 0

Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.