Чат сообщества
Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...
|
Архив - только для чтения |
| Сообщество uCoz Модули uCoz Контент-модули Фотоальбомы фотогалерея |
| фотогалерея |
|
Здравствуйте скажите плиз как сделать фотографии по категориям в виде такого
http://www.mr-nuriman.ru/photo-gallery/ или вот такого http://picunda.net/photo/ весь интернет прошел ни чего не нашел |
|
Пиши: css
Код <!-- превью --> .g-album {display:inline-block; overflow:hidden; border:1px dashed #ccc; border-radius:3px; padding:10px; margin-bottom:15px;} .g-album-p {float:left; width:none;margin-top:20px;} .g-album-b {float:left; width:200px; height:150px;} .g-album-i {float:left; width:none; display: none;} .g-album-s img {width:190px; height:140px;padding-left: 25px !important;z-index: 0;} .g-album-descr {font-size:10px; color:#666; margin-top:5px;width: 215px;} <!-- end --> Далее создаешь информер: [ Фотоальбомы · Категории · Колонки: 3 ] Шаблон информера: Код <div class="g-album" style="padding-top: 10px;"> <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" style="padding-top: 20px;"> <b>$CATEGORY_NAME$</b><br> Фотографий: $NUM_DATA$<br> <div class="g-album-descr">$CATEGORY_DESCR$</div> </div> </div> <br/><br/> <script type="text/javascript"> $('#c$NUMBER$').load('$CATEGORY_URL$ .phtTdMain img:eq(0)'); </script> После ставь код информера куда тебе нужно, а нужно на главной фотоальбома за место $BODY$. Вот как это выглядит у меня на главной:  Р.S // Суть в том что скрипт вызывает первую фото из категории и показывает с помощью: id="c$NUMBER$". Прикрепления:
9560327.png
(300.5 Kb)
http://a-senkin.ru Создаю все же я свою веб студию, доволен как слон!!!
|
|
А
Цитата senya_01 (  )Пиши: css <!-- превью --> .g-album {display:inline-block; overflow:hidden; border:1px dashed #ccc; border-radius:3px; padding:10px; margin-bottom:15px;} .g-album-p {float:left; width:none;margin-top:20px;} .g-album-b {float:left; width:200px; height:150px;} .g-album-i {float:left; width:none; display: none;} .g-album-s img {width:190px; height:140px;padding-left: 25px !important;z-index: 0;} .g-album-descr {font-size:10px; color:#666; margin-top:5px;width: 215px;} <!-- end -->1 2 3 4 5 6 7 8 9 |
| |||
| |||