Скрипты,шаблоны для uCoz, DLE. Софт программ бесплатно

Добро пожаловать!
Сделай
Cайт
Лучше
  • Главная страница
  • Форум Помощь
  • Файлы Каталог файлов
  • Полезно Рекомендуем
  • Новое На сайте
  • Правила Читать всем

Вид Фотоальбома + 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
<div id="portfolio-items">$BODY$</div>

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

Ставим:
Code
<script type="text/javascript">  
  var $portfolioItem = jQuery('.item');  
  $portfolioItem.find('.item-image').css('background-color', '#000000');  
  jQuery('.zoom-icon, .more-icon').css('opacity', '0');  
  $portfolioItem.hover(function () {  
  jQuery(this).find('.item-image').stop(true, true).animate({  
  top: -10  
  }, 500).find('.ph_img img').stop(true, true).animate({  
  opacity: 0.7  
  }, 500);  
  jQuery(this).find('.zoom-icon').stop(true, true).animate({  
  opacity: 1,  
  left: 43  
  }, 400);  
  jQuery(this).find('.more-icon').stop(true, true).animate({  
  opacity: 1,  
  left: 110  
  }, 400);  
  }, function () {  
  jQuery(this).find('.zoom-icon').stop(true, true).animate({  
  opacity: 0,  
  left: 31  
  }, 400);  
  jQuery(this).find('.more-icon').stop(true, true).animate({  
  opacity: 0,  
  left: 128  
  }, 400);  
  jQuery(this).find('.item-image').stop(true, true).animate({  
  top: 0  
  }, 500).find('.ph_img img').stop(true, true).animate({  
  opacity: 1  
  }, 500);  
  });  
  </script>  
  <script type='text/javascript' src='/js/iLoad/iLoad.js'></script>

3. В шаблоне "Страница с полной фотографией и комментариями" найти:
Code
<!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></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;"><!--<s3177>-->Просмотров<!--</s>-->: $REVIEWS$ | <!--<s5162>-->Размеры<!--</s>-->: $PHOTO_SIZE$px/$PHOTO_WEIGHT$Kb<div style="padding-top:4px;"><!--<s3165>-->Дата<!--</s>-->: $ADD_DATE$  
  <?if($TAGS$)?> | <!--<s5308>-->Теги<!--</s>-->: $TAGS$<?endif?>  
  <?if($USER$)?> | <!--<s3178>-->Добавил<!--</s>-->: <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"><!--<s5227>-->Просмотреть фотографию в реальном размере<!--</s>--></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

вид, null, iload, Dominion, для, фотоальбома

АвторПользователи/ Категории » Скрипты для uCoz/ Просмотров 2895 / Посмотреть комментарии 0
 
Вернуться назад

А также:
Авто теги

Авто теги

Softany WinCHM Pro 4.33 RePack by loginvovchyk [Русский]

Softany WinCHM Pro 4.33 RePack by l...

Всплывающие подсказки на CSS3

Всплывающие подсказки на CSS3

Overlay apple для uCoz

Overlay apple для uCoz

Форма входа как на DLE для Ucoz

Форма входа как на DLE для Ucoz

Новая информационная панель для ucoz

Новая информационная панель для uco...

 

html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию


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

Профиль


  • Привет, Пользователи!


Логин:
Пароль:
Забыл пароль | Регистрация

Меню

  • Скрипты для uCoz
  • Шаблоны для uCoz
  • Графика Ucoz
  • Шаблоны с конструктором
  • Блоки и шапки
  • Адаптация с DLE
  • Виды материалов
  • Всё для DLE
  • PSD
  • Иконки
  • Разное
  • Шаблоны с PSD
  • Иконки/Значки
  • Хаки
  • Софт
  • Интернет
  • Всё для Photoshop

Мини-чат

    Вы не можете добавлять сообщения в чат
    Авторизуйтесь!

  • Top-5
  • Comments
  • Tags
  • UserGate Proxy & Firewall 4.3.949 + crack (serial) [Русская версия]
    60 downloads
  • Вид Фотоальбома + iLoad для Dominion
    41 downloads
  • Форма добавления комментариев
    41 downloads
  • Форма добавления комментариев для форума
    39 downloads
  • Новый шаблон для uCoz-ChromeGT
    36 downloads
Код вставляем в глобальный блок ВЕРХНЯЯ ЧАСТЬ САЙТА
Аватар Алексей Алексей 17 Мар 2013 | 13:35
Блин у меня не получилось его установить(( html код нужно в "страницы сайта" вставлять? в head :unsure:
аватар отсутствует Master 08 Мар 2013 | 00:08
Штука убойная, респект :v:
Аватар Babalus Babalus 13 Окт 2012 | 16:21
для (74)
null (68)
ucoz (46)
на (31)
разное (31)
сайта (22)
шаблон (19)
Скрипт (17)
psd (14)
вид (14)
Сайтостроение (14)
Новый (13)
форум (12)
Для сайта (11)
Хаки (10)
как (9)
красивый (9)
набор (9)
Flash (8)
для uCoz (8)
меню (8)
русский (8)
AJAX (7)
кнопка (7)
кнопки (7)

Рейтинг-Топ 10

  • Редактируем шаблон прямо на сайте
  • Красивый блок информации для uCoz
  • Новшества мини чата ucoz
  • Скруглённые уголки
  • Видеокурс "HTML с нуля"
  • Красивые Списки На CSS
  • Переключение страниц с интересным эффектом.
  • Набор Noavatar для сайта
  • Очень красивый вид комментариев для ucoz
  • Имитация градиента

Топ-5-сайтов

  • Oyama Do
    Рейтинг: 5.0/5
    Просмотров: 11676
  • Профессиональная академия единоборств KEA-FIGHTING
    Рейтинг: 3.0/2
    Просмотров: 5341

Статистика

Нас уже: 1651 {+0}
    Онлайн всего: 6
    Гостей: 6
    Пользователей: 0
    Пользователи
    Гости сайта
  • Сегодня нас посетило

    Опрос

    Оцените мой сайт
    Всего ответов: 266
Форум Файлы Магазин Статьи Графика Видео Теги
| Карта сайта | Карта форума | Скрипты,шаблоны для uCoz, DLE. Софт программ бесплатно | ©2011 - 2025

  • Яндекс.Метрика
  • Счетчик PR-CY.Rank
  • Рейтинг@Mail.ru
  • Клуб каратэ кёкусинкай OYAMA-DO



Статистика/ Обратная связь/ Размещение рекламы