переделаем галерею)

автор Vegas Август 10th 2011, 02:26

Возник вопрос, такого рода:
Можно ли переместить навигацию по фотографиям в галерее с нижней части в верхнюю, над изображением?
И еще переключатели на следующую\прошлую фотку очень малы... *<-*\*->*
Можно ли сделать переключатели справа и слева от фотки (по виду как затемненные бока)

автор Vegas Август 10th 2011, 02:41

вот я нарисовал как я вижу эти кнопки *прошлая фотка* и * следующая*

автор Vegas Август 14th 2011, 17:36

хех) я уже поменял фотку (ошибка вышла)
так что, такое хоть возможно сделать?

автор Vegas Август 21st 2011, 18:22

ау.. хоть ответьте на вопрос...

автор **Dana Domirani** Август 21st 2011, 20:18

Как вариант:
переделаем галерею) 2114902

В шаблоне album_showpage_body (Показ фотографии) найдите фрагмент:

Код:: <table width="100%"><form name="action" method="get" action="{U_SHOWPAGE_ACTION}"> <td class="row1" align="center" height="35"> {SID}<input type="hidden" name="pic_id" value="{ID_PIC}"> {SELECT_ACTION} </td></tr><tr><td class="row1" align="center"> {NUFFIMAGE_BOX} {U_PIC_L_OPEN}<img src="{U_PIC}" border="0" alt="{PIC_TITLE}" title="{PIC_TITLE}" />{U_PIC_L_CLOSE}<br /> <span class="gen">{PIC_DESC}<br /><br /></span> </td></tr></table> </td></form> </tr>  <tbody id="displayinfos" style="display:{INFOSSHOW_DISPLAY_VALUE}"> <tr> <td class="catBottom">

и замените на

Код:: <table width="100%"><form name="action" method="get" action="{U_SHOWPAGE_ACTION}"> <tr><td class="row1" align="center"> {NUFFIMAGE_BOX} {U_PIC_L_OPEN} <table width="100%"><tr> <td width="30px" valign="middle" class="imglf">{PREV_PIC}</td> <td align="center" bgcolor="#DCDCDC"> {SID}<input type="hidden" name="pic_id" value="{ID_PIC}"> {SELECT_ACTION}<br /><br /> <img src="{U_PIC}" border="0" alt="{PIC_TITLE}" title="{PIC_TITLE}" /> <br /><span class="gen">{PIC_DESC}</span><br /><br /></td> <td width="30px" valign="middle" class="imgrt">{NEXT_PIC}</td> </tr></table> {U_PIC_L_CLOSE}<br /> </td></tr></table> </td></form> </tr>  <tbody id="displayinfos" style="display:{INFOSSHOW_DISPLAY_VALUE}"> <tr> <td class="catBottom">

Сохраните, опубликуйте.

В CSS добавьте настройки для кнопок:

Код:: .imglf a, .imgrt a { display: block; width: 25px; padding: 200px 0; } .imglf, .imgrt { background: #666; text-align: center; overflow: hidden; } .imglf { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .imgrt { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }