Несколько вопросов по фотогалерее

голоса: 0

Адрес фотогалереи: http://www.elitanochi.ru/photo/


Несколько вопросиков,
1. Как сделать названия фотографий под фото?
2. Как изменить, или название строки которая задает цвет названия фотографии, нужен черный цвет. А также центровать название под фото?
3. Как сделать чтобы при перелистывании фотографий вправо или влево внизу под фото была одна сантиметровое белое горизонтальное поле для: количество страниц из всего страниц в форме " 1 / 250 " (где "1" текущая страница, а "250" всего страниц в каталоге или разделе)?
Расположение количества страниц чуть выше ссылки "перейти на страницу фотографии".
4. При переходе на страницу с фотографией, добавить значок текущей страницы и всего страниц как в пункте 3, справа от просмотров и коментариев ниже фотографии?

5. Как убрать огромную фото на этой странице:
А переместить слайдер фото (тот что ниже фото) за место этой большой фотографии?
И еще ... Как сделать масштабирование миниатюры фото, сделать так , три фото по горизонтали и средняя фотография по умолчанию масштабировалась, а при клике на нее соответсвенно ссылалась на оригинал или еще что?

Адрес сайта https://www.elitanochi.ru
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Фотоальбомы
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

Первое: Перейти в шаблон вида фото http://https//www.elitanochi.ru/panel/?a=tmpl;m=9;t=8 найти код:

 <span class="photo-title"><a href="$PHOTO_URL$">$PHOTO_NAME$</a></span> 

удалить и в самый низ после всего кода добавить:

<span class="photo-title" style="text-align:center!important;"><a href="$PHOTO_URL$">$PHOTO_NAME$</a></span>

Второе: в стили прописать:

.photo-title a {color:#000!important;}

Третье и Четвертое: Это нужна доработка, обращайтесь к фрилансерам https://upartner.pro/

Пятое: Перейти на страницу фото и комментариев http://https//www.elitanochi.ru/panel/?a=tmpl;m=9;t=4 найти код:

 $PHOTO$
 <?if($FULL_PHOTO_DIRECT_URL$)?><a class="dd-tip ulightbox" href="$FULL_PHOTO_DIRECT_URL$" target="_blank"><i class="expand-ico"></i><!--<s10014>-->В реальном размере<!--</s>--> <b>$PHOTO_SIZE$</b> / $PHOTO_WEIGHT$Kb</a><?endif?>

удалить его и на место него поставить код:

 <div class="photo-slider u-center">
 <?if($OTHER_PHOTOS$)?>$NEAR_PHOTOS$<?endif?>
 </div>

который ниже в шаблоне удалить чтобы дублей в итоге не было.

| Автор:

 код страницы фото и коментариев
Хотелось сделать тогда так - расположить фото горизонтально, примерно так:
Где фото центра была чуть больше(масштабировалась) а по бокам были немного прозрачны, как так сделать?

  <html class="Main"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$PHOTO_NAME$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title> <link type="text/css" rel="stylesheet" href="/_st/my.css" /> </head>  <body> $ADMIN_BAR$ <div class="Header"> $GLOBAL_AHEADER$ </div> <div class="Container"> <div class="MainBlock"> <!-- <middle> --> <div class="LeftBlock"> $GLOBAL_CLEFTER$ </div> <div class="RightBlock"><!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> &raquo; <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></a> <?if($SECTION_NAME$)?>&raquo; <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> &raquo; <a href="$CAT_URL$">$CAT_NAME$</a> &raquo; $PHOTO_NAME$  <hr />  <div id="u-photos">  <div class="uphoto-entry">  <h2 class="photo-etitle">$PHOTO_NAME$</h2>  <div class="photo-edescr">  $PHOTO_DESCR$  </div>  <div class="u-center">  <div class="photo-block">  <div class="ph-wrap">  <span class="photo-expand">  $PHOTO$  <?if($FULL_PHOTO_DIRECT_URL$)?><a class="dd-tip ulightbox" href="$FULL_PHOTO_DIRECT_URL$" target="_blank"><i class="expand-ico"></i><!--<s10014>-->В реальном размере<!--</s>--> <b>$PHOTO_SIZE$</b> / $PHOTO_WEIGHT$Kb</a><?endif?>  </span>  </div>  <div class="photo-edetails ph-js-details">  <span class="phd-views">$REVIEWS$</span>  <span class="phd-comments">$COMMENTS_NUM$</span>  <?if($RATING$)?>  <span class="phd-rating">  <span id="entRating$ID$">$RATING$</span>  </span>  <span class="phd-dorating"><?$RSTARS$('14','/.s/img/photopage/rstars.png','1','float')?></span>  <?endif?>  </div>  <hr class="photo-hr" />  <div class="photo-edetails2"> <!--<s10015>-->Добавлено<!--</s>--> $ADD_DATE$ <a class="phd-author" href="$PROFILE_URL$">$USER$</a>  </div>  </div>  <?if($MODER_PANEL$)?><span style="display: block;vertical-align: middle;margin: 10px 0;white-space: nowrap;">$MODER_PANEL$</span><?endif?>  </div>  </div>  <div class="photo-slider u-center">  <?if($OTHER_PHOTOS$)?>$NEAR_PHOTOS$<?endif?>  </div>  </div>  <hr />   <?if($COM_IS_ACTIVE$)?>  <?if($COM_CAN_READ$)?>  <table border="0" cellpadding="0" cellspacing="0" width="100%">  <tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>  <tr><td colspan="2">$COM_BODY$</td></tr>  <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>  <tr><td colspan="2" height="10"></td></tr>  </table>  <?endif?>   <?if($COM_CAN_ADD$)?>  $COM_ADD_FORM$  <?else?>  <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>  <?endif?>  <?endif?><!-- </body> --></div> <div class="CLR"></div> <!-- </middle> --> </div>  <div class="Footer"> $GLOBAL_BFOOTER$ </div> <script src="/js/Plagin.js"></script> </div> </body> </html> 

 

Максим Мякотин,
За этим вам к фринлансерам сюда https://upartner.pro/ в один клик такое не сделать.
...