Картинки вместо кнопок в форме ответа Subsilver2 и prosilver

[Айдар]

R3mbrant, если у Вас просильвер, то именно button-addbbcode0.png, если субсильвер, то addbbcode0.png.

[IOzer]

Код: Выделить всё

document.getElementById('format-buttons')

Что это означает? «Найти элемент с id="format-buttons"». В Субсильвере такого элемента нет.

Код: Выделить всё

<script type="text/javascript">
var buttons = document.getElementsByTagName('input');
for (i = 0; i < buttons.length; i++) {
	if (buttons[i].className == 'btnbbcode') {
		buttons[i].style.minWidth = '25px';
		buttons[i].style.background = 'url({T_IMAGESET_PATH}/button-' + buttons[i].name + '.png)';
		buttons[i].style.border = 'none';
		buttons[i].value = '';
	}
}
</script>

Сделал как написано вроде всё получилось, но есть одно НО
Как настроить высоту кнопок? а то у меня по высоте не помещаются полностью:

142.png

И есть ещё проблемка.. в браузере Google Chrome кнопки вообще не отображаются:

143.png

Nekstati Подскажите пожалуйста как это всё исправить? Буду очень признателен!
Заранее спасибо.

Да кстати в мозиле и explorer 8 кнопки отображаются, в опере не проверял..

[Nekstati]

Добавьте ещё одну строчку в скрипт, типа:

Код: Выделить всё

		buttons[i].style.height = '22px';

[Sinsei]

Вставляю скрипт в конец шаблон posting_buttons.html:

Код: Выделить всё

<script type="text/javascript">
var buttons = document.getElementsByTagName('input');
for (i = 0; i < buttons.length; i++) {
	if (buttons[i].className == 'btnbbcode') {
		buttons[i].style.minWidth = '25px';
		buttons[i].style.background = 'url({T_IMAGESET_PATH}/button-' + buttons[i].name + '.png)';
		buttons[i].style.border = 'none';
		buttons[i].value = '';
             buttons[i].style.height = '22px';
	}
}
</script>

Кидаю картинки ( с названием addbbcode0.png и т.д) в папку /styles/subsilver2/theme/images

На форуме они не отображаются. Что не так?

[Айдар]

Sinsei, в posting_buttons.html больше ничего не меняли? Если нет, то, полагаю, забыли обновить шаблоны и почистить кеш.

[mau]

Есть же еще более простой способ добавить картинки BBCodebox Light

Картинки может и неудачно подобраны у меня, но работает уже не 1 год

3a80a87c0127.jpg

[Sinsei]

Больше не чего не менял, шаблон обновил, кеш чистел.

[Nekstati]

Кидаю картинки ( с названием addbbcode0.png и т.д) в папку /styles/subsilver2/theme/images

Ну я же пишу по-русски:

Картинки называем button-addbbcode10.png, button-palette.png и т. п., соответственно атрибуту name каждой кнопки.

И не в /theme/images, а в /imageset.

Добавлено спустя 2 минуты 8 секунд:
Re: Картинки вместо кнопок в форме ответа Subsilver2 и prosilver
mau, и чем же этот способ «более простой»? Тем, что требует 4 правок вместо одной?

[Айдар]

Nekstati, у него субсильвер, а там значение атрибута name именно addbbcode0

[Sinsei]

Я и в папку /imageset. тоже кидал. Тоже не работает.

[Nekstati]

Айдар, ну так скрипт же добавляет к name приставку button-. Чтобы работали кнопки с названиями типа addbbcode0.png, скрипт надо изменить, убрать приставку.

Код: Выделить всё

url({T_IMAGESET_PATH}/button-' + buttons[i].name + '.png)

→

Код: Выделить всё

url({T_IMAGESET_PATH}/' + buttons[i].name + '.png)

[Sinsei]

Да и я уже понел про это.

[Альтаир Бергадлер]

Картинки может и неудачно подобраны у меня, но работает уже не 1 год

А я этот мод не сумел поставить. Некоторых кусков кода у меня вообще нету

Вариант от некстати вдохновляет...

[Sinsei]

Еще одн проблемка с картинками. В опере, в хроме нормально отображаются.


А вот в IE они расползаются.


Если в строке (

Код: Выделить всё

buttons[i].style.minWidth = '25px';) ставлю меньше, то в IE становиться нормально тогда в опере и хроме обрезаны.

Как это можно исправить чтобы во всех браузерах нормально было?

[Nekstati]

Добавьте в скрипт строчку:

Код: Выделить всё

buttons[i].className = '';

P.S. Исправила коды в сообщениях на предыдущей странице с учётом особенностей разных браузеров. Теперь вроде везде одинаково.