Среда, 27.03.2019, 05:11
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Вы посещаете сайт для ...


Всего ответов: 1461

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 6
Гостей: 6
Пользователей: 0


Зарегистрировано 30777 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5149 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Требуется школьник на подработку в интернете
Aleksandrs написал:
Если вы именно этот человек и хотите попробовать подработку, то в комментариях или личном сообщение на сайте оставьте мне свой VK контакт и я вас добавлю!
Новость: Игровые автоматы Вулкан казино онлайн бесплатно
написал:
http://volpavsen.usite.pro/
Новость: Контент в uLightbox uCoz + стили CSS для uCoz
Сергей Пахомов написал:
Можете подсказать а как в приведённый CSS добавить border-radius
Новость: Просмотры и посетители для вашего сайта БЕСПЛАТНО
Aleksandrs написал:
ну кто уже получает посетителей для своего сайта? у кого сколько кредитов?

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [15.07.2013, 19:28]

Фото галерея для сайта укоз - модуль фотоальбомы uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Хотел бы представить Вам один интересный вариант удобной фото галереи на Ваш сайт Укоз. Этот материал создал отличный веб-мастер с Нашего портала - Apocalypse, за что ему огромное спасибо, так как он всё продолжает радовать Нас интересными решениями в системе uCoz, и этот материал лишь очередное тому доказательство. Хочу сразу отметить то, что этот код не обязательно использовать в модуле Фотоальбомы Укоз, а можно просто взять ссылки на картинки и вставить в код, приведённый ниже в этой новости. Про установку более подробно узнайте чуть ниже в материале.

  Можете просмотреть ДЕМО, чтобы понять как это работает на примере.

Установка:

После /head на нужных страницах вставляйте:

<script src="/js/core.js" type="text/javascript"></script>

Следующий код в самый низ вашего css:
#images {
list-style: none;
}
#images li, #images li a, #images li a img {
float: left;
}
#images li {
padding: 7px;
margin-right: 4px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: #fff;
}
.dn {
display: none;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 10000;
}
#lightbox {
text-align: left;
padding: 10px;
z-index: 999999;
background: #fff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
position: fixed;
top: -999999em;
left: 50%;
}
#lightbox-wrapper {
background: #111;
}
#lightbox-content {
overflow: hidden;
text-align: center;
position: relative;
}
#lightbox-tools {
height: 25px;
position: relative;
bottom: 0;
line-height: 0;
}
#lightbox-close, #lightbox-tools .paging {
width: 16px;
height: 16px;
text-indent: 999999em;
overflow: hidden;
background-image: url(/images/pagination.png);
background-repeat: no-repeat;
display: none;
position: absolute;
top: 5px;
}
#lightbox-prev, #lightbox-prev-inactive {
left: 5px;
}
#lightbox-next, #lightbox-next-inactive {
left: 25px;
}
#lightbox-prev {
background-position: 0 0;
cursor: pointer;
}
#lightbox-prev-inactive {
background-position: 0 -16px;
cursor: default;
}
#lightbox-next {
background-position: 0 -32px;
cursor: pointer;
}
#lightbox-next-inactive {
background-position: 0 -48px;
cursor: default;
}
#lightbox-close {
background-position: 0 -64px;
cursor: pointer;
display: block;
right: 5px;
}
#lightbox-title {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
position: absolute;
bottom: 15px;
padding: 6px 20px;
color: #fff;
font-style: italic;
}
.preloader {
width: 50px;
height: 50px;
padding: 10px;
background: #262626;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
}

Следующий код в то место, где должна быть галерея:

<ul id="images">
<li>
<a href="Ссылка на большое изображение" rel="gallery" title="Carnival" class="lightbox">
<img src="Ссылка на маленькое изображение" alt="Carnival" width="150" height="83" />
</a>
</li>
<li>
<a href="Ссылка на большое изображение" rel="gallery" title="Carnival" class="lightbox">
<img src="Ссылка на маленькое изображение" alt="Carnival" width="150" height="83" />
</a>
</li>
<li>
<a href="Ссылка на большое изображение" rel="gallery" title="Carnival" class="lightbox">
<img src="Ссылка на маленькое изображение" alt="Carnival" width="150" height="83" />
</a>
</li>
</ul>

Скрипт из прикреплённого архива залейте в папку js, картинки в папку images


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Фото галерея для сайта укоз - модуль фотоальбомы uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz
Просмотров: 9499 | Загрузок: 160 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
1 admin1532   (04.04.2015 10:19)
Всё супер, но слайдер почему то становитя криво на сайт, вот ссылка http://www.mos-pohorony.ru/index/obitye_tkanju/0-22
не подскажешь, как это исправить?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz