-Рубрики

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в FladeX

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 23.02.2007
Записей:
Комментариев:
Написано: 209

Текст вместо кнопок

Дневник

Суббота, 06 Сентября 2008 г. 15:33 + в цитатник
В колонках играет - Scary Dolls - Без Продолжения
Для одного стиля потребовалось заменить все кнопки вида "Написать ЛС", "Профиль" и т.п. на соответствующие им надписи. Итак, как это правильно сделать. Покажу на примере страницы просмотра темы в стиле subSilver2.
Открываем styles/subSilver2/template/viewtopic_body.html.
Находим (примерно 279-280 строки):
code:
<td class="profile"><strong><a href="#wrapheader">{L_BACK_TO_TOP}</a></strong></td>
<td><div class="gensmall" style="float: {S_CONTENT_FLOW_BEGIN};">&nbsp;<!-- IF postrow.U_PROFILE --><a href="{postrow.U_PROFILE}">{PROFILE_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_PM --><a href="{postrow.U_PM}">{PM_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF -->&nbsp;</div> <div class="gensmall" style="float: {S_CONTENT_FLOW_END};"><!-- IF not S_IS_BOT --><!-- IF postrow.U_EDIT --><a href="{postrow.U_EDIT}">{EDIT_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_QUOTE --><a href="{postrow.U_QUOTE}">{QUOTE_IMG}</a> <!-- ENDIF --> <!-- ENDIF -->&nbsp;</div></td>

Теперь заменяем попарно:
code:
{PROFILE_IMG}

code:
{L_PROFILE}


code:
{PM_IMG}

code:
{L_PM}


code:
{EMAIL_IMG}

code:
{L_EMAIL}


code:
{EDIT_IMG}

code:
{L_EDIT}


code:
{QUOTE_IMG}

code:
{L_QUOTE}


Далее по аналогии. Суффикс _IMG означает, что будет использоваться соответствующая картинка\кнопка, а префикс L_ означает, что будет использоваться соответствующая языковая переменная.
Рубрики:  phpBB / Slaed / danneo

Метки:  

Кнопки в prosilver

Дневник

Суббота, 23 Августа 2008 г. 15:29 + в цитатник
В колонках играет - Stinkie - Ангел
Поговорим немного о кнопках в prosilver.

phpBB Group достаточно оригинально реализовала кнопки в стиле prosilver. Каждая кнопка представляет из себя две кнопки для двух разных состояний, размещенных в одном файле. Первый вид кнопки отвечает за обычное состояние, именно его мы видим большую часть времени. Вторая часть кнопки отвечает за состояние при наведении мышки на кнопку ( :hover, onMouseOn - кому как понятнее). Обе кнопки располагаются внутри одного файла вертикально - сначала отрисовано обычное состояние кнопки, затем, сразу под ним - состояние при наведении. Каждая кнопка занимает 50% высоты полученного изображения.

Теперь рассмотрим случай, когда нужно изменить кнопку по умолчанию на свою. Вместо верхней половинки рисуем новую кнопку в неактивном состоянии, вместо нижней половины - в состоянии при наведении курсора. Если при этом изменилась ширина или высота кнопки, придется отредактировать файл imageset.cfg из той папки, в которой находится эта кнопка.

Предположим, редактированию подверглась кнопка "Ответить". Она называется button_topic_reply.gif и находится в папке с русским языком - imageset/ru. В таком случае после редактирования нужно открыть файл ru/imageset.cfg, найти строку:
code:
img_button_topic_reply = button_topic_reply.gif*25*96

и заменить две последние цифры на свои. Рассчитываются они следующим образом - первая цифра (25) является половиной высоты изображения, вторая цифра (96) является шириной изображения. Затем сохраняем файл, заливаем его и новую кнопку на форум и наслаждаемся.
Рубрики:  phpBB / Slaed / danneo

Метки:  

 Страницы: [1]