Чат сообщества
Архив - только для чтения |
| Сообщество uCoz Архивариус Архив Архив темы: Фотоальбомы решение проблем |
| Архив темы: Фотоальбомы решение проблем |
|
Всем привет! Подскажите плиз, есть вот такой код в альбоме:
Code <table class="eBlock" width="50%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 3px;"> <br></td></tr><tr><td style="border: 0px solid rgb(255, 255, 255); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center"><div align="left"><a href="$PHOTO_URL$"> $PHOTO_NAME$</div></a><table class="eBlock" width="50%" border="0" cellpadding="1" cellspacing="0"><tbody><tr><td style="padding: 3px;"> <table style="padding-bottom: 1px;" width="300" border="0" cellpadding="1" cellspacing="1" height="115"> <tbody> <tr valign="top"><td style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" width="20%" align="center"> <a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a></td> <td style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="right"> <div class="eMessage" style="text-align: left; clear: both; padding-top: 10px; padding-bottom: 5px;">$PHOTO_DESCR$<br><br><span style="text-decoration: underline;"></span> </div><br></td></tr> </tbody></table></td></tr></tbody></table></td></tr></tbody></table> хочу чтобы по нажатию на картинку, когда она лайтбоксом увеличивается снизу от картинки описание всплывало, как на этом сайте http://www.flatpress.ru/2011/10/13/lightbox/comments/ . Реально ли как нить это организовать?)) |
|
Здравствуйте!
Подскажите, как сделать что бы на основной странице фотоальбома: http://clip2net.com/s/28jNu Выводилась надпись "фото" вместо текста "новые фотографии" и сами фотографии были либо из разных раздело либо ещё лучше что бы там были сами разделы, а не новые фотографии. Возможно ли что бы под фотографиями, там где написано название раздела/категории http://clip2net.com/s/28jQ8 отображался комментарий? Заранее благодарен! |
|
Администратор8607,
Надписи отредактируйте в шаблоне, они там в явном виде висят, не понимаю зачем такое спрашивать. Чтобы вывести разделы - вставьте переменную $CATEGORIES$ (или как-то так). Чтобы задать разделам обложки - там надо поработать над описанием категорий и ксс. Комментарий в виде материалов - не возможно. Любые работы по:
- Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
|
Администратор9722,
Вот так?  тогда перед /body каждой страницы фотоальбома (кроме вид фотографий и добавление фото) ставишь вот это Code <script type="text/javascript"> $(document).ready(function(){ $('.ulightbox').fancybox({padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: true, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons : {}}}); }); function _bldCont1(id, indx) { idarray = 'allEntImgs' + id; imgar = []; for (var i=0;i<eval(idarray).length;i++) { imgar[i] = eval(idarray)[i][0]; } $.fancybox(imgar,{index: indx, padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: true, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons: {}}}); } </script> Соответственно в вид фотографий редактируешь эту строчку Code <a href="$PHOTO_LIGHTBOX_URL$" title="$PHOTO_NAME$ <?if($PHOTO_DESCR$)?>| $PHOTO_DESCR$<?endif?> | Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><div style="background-color:#FFFFFF; padding-bottom:20px; padding-left:5px; padding-right:5px; padding-top:5px; width:100px;">$PHOTO$</div></a> Как выглядит можешь глянуть здесь Прикрепления:
7973754.jpg
(187.0 Kb)
Все спасибо в репу )))
Сообщение отредактировал Вердикт - Пятница, 20 Июл 2012, 03:54:33
|
|
Вердикт, да, спасибо огромное все работает, сам бы точно не додумал))) А не подскажешь css где поковырять к всплывающему описанию? А то отступы хочу настроить, да и шрифт повеселее)
|
|
Администратор9722,
Смотри в том скрипте где менял title Code padding[ - ширина белой рамки вокруг картинки; preload - количество картинок, которые загружаются предварительно; closeEffect - эффект закрытия (elastic - растягивание, fade - проявление, none - без эффекта); nextEffect, prevEffect - эффект перехода вперед/назад (elastic - растягивание, fade - проявление, none - без эффекта); opacity- непрозрачность затемнения (0 - полностью прозрачный, 1 - непрозрачный); speedIn, speedOut - время проявления/исчезания затемнения в миллисекундах. Поменять фон можно в свой css ставишь Code #fancybox-overlay {background: #ff0000 !important;} или с фоновой картинкой Code #fancybox-overlay {background: url('http://ссылка на картинку.jpg') !important;} Вообще css находятся здесь Code http://твой сервер.ucoz.net/src/ulightbox/ulightbox.css А более подробно здесь Добавлено (20-Июл-2012, 15:53:23) Quote (Администратор9722) А то отступы хочу настроить, да и шрифт повеселее) В свой css Code .fancybox-title { font-family: Georgia, "Times New Roman", Times, serif!important; font-size: 14px!important; font-style: italic!important; font-weight: normal!important; color: #000099!important; padding: 5px!important; } Все спасибо в репу )))
Сообщение отредактировал Вердикт - Пятница, 20 Июл 2012, 15:06:43
|
|
oriflame4000, так дело не пойдёт, Вы мне напишите в пикселях нужные размеры этих строк:
Размеры демо-картинки: Размеры фотографии, выводимой на отдельной странице:  а вот это " чтобы картинка была на почти весь экран, чтобы можно было все хорошо рассмотреть" очень смутное понятие размеров! Прикрепления:
7733005.jpg
(25.1 Kb)
|
|
Вопрос.Можно ли сделать переключатель страниц для Главной в фотоальбомах.Если да то как?
|
|
Вердикт, мож и глупый вопрос, ксс то я давно понял, что на серваке лежит, но как его редактировать то?))))) Слить и редактить, а как тогда обратное его залить?
|
|
Администратор9722, Панель управления - Управление дизайном (CSS).
Консультация по системе uCoz - разработка скриптов, настройка сайта.
|
|
Zard, это там мой ксс лежит, по нему вопросов нет, а ксс лайтбокса на http://твой сервер.ucoz.net/src/ulightbox/ulightbox.css. Его то мне и надо отредактить
|
|
Quote (Администратор9722) Вердикт, мож и глупый вопрос, ксс то я давно понял, что на серваке лежит, но как его редактировать то?))))) Слить и редактить, а как тогда обратное его залить? Не надо не куда сливать- заливать вот например это в твоем css Code .fancybox-title { font-family: Georgia, "Times New Roman", Times, serif!important; font-size: 14px!important; font-style: italic!important; font-weight: normal!important; color: #000099!important; padding: 5px!important; } А этот на сервере Code .fancybox-title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: normal; color: #000099; padding: 5px; } Разницу улавливаешь Все спасибо в репу )))
|
|
в том то и дело, что в моем ксс, ВООБЩЕ ничего нет относительно лайтбокса, так бы не спрашивал
 |
|
Расплывается текст в картинках с текстом на странице с фотографией и комментарием, но не все фотки, а некоторые. Какой бы программой и в каком бы режиме их не обрабатывать, с этим неприятным эффектом справиться не удаётся. Что можно с этим сделать? В лайтбоксе искажений не наблюдается. Вот пример: http://designall.ucoz.ru/photo....-0-1277 Грязь такая, что показывать это нельзя.
Дизайн всего — это жизнь, ориентированная на вопрос: «Где я нахожусь?».
|
, те классы которые хочешь редактировать
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!