Как изменить кнопки над сообщениями на свои?

[Russlav]

Над каждым сообщением есть кнопки "Редактировать, Удалить, Пожаловаться, Информация, "Цитировать", так вот, как изменить эти кнопки на свои, а то я что-то не нашёл этих кнопок в папке images?

[LavIgor]

https://github.com/phpbb/phpbb/blob/3.1 ... button.png

Отправлено спустя 3 минуты 19 секунд:
Это сами кнопки.
Можно просто в CSS задать ссылки на свои изображения.

[Russlav]

Понял. Большое спасибо!

Отправлено спустя 33 минуты 5 секунд:
Ещё. Как я понял вот картинка, на которой находятся кнопки для сообщений.
[фото пропало]
Вот код, который указывает кординаты определённых изображений на изображении:

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

.quote-icon:before							{ background-position: -122px 0; }
.quote-icon:hover:before					{ background-position: -122px -21px; }
.edit-icon:before							{ background-position: -137px 0; }
.edit-icon:hover:before						{ background-position: -137px -21px; }
.warn-icon:before							{ background-position: -208px 0; }
.warn-icon:hover:before						{ background-position: -208px -21px; }
.delete-icon:before							{ background-position: -152px 0; }
.delete-icon:hover:before					{ background-position: -152px -21px; }
.report-icon:before							{ background-position: -165px 0; }
.report-icon:hover:before					{ background-position: -165px -21px; }
.info-icon {
display: none;
}
.button.responsive-menu-link:before			{ background-position: -191px 0; }
.button.responsive-menu-link:hover:before	{ background-position: -191px -21px; }

Только вот я не понимаю, как указать, например, для кнопки Цитата вот это изображение:
[фото пропало]
Не добавляя её на изображение, где находятся все остальные кнопки. Когда я пишу так:

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

.quote-icon:before {
    background-image: url(./images/citata.gif); 
}

ничего не получается.

[LavIgor]

А предыдущий код для кнопки цитаты оставлен без изменений?
Тогда ведь остаётся действие background-position.

[Russlav]

А предыдущий код для кнопки цитаты оставлен без изменений?
Тогда ведь остаётся действие background-position.

Нет, я удалил строчку

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

.quote-icon:before                     { background-position: -122px 0; }
.quote-icon:hover:before               { background-position: -122px -21px; }

и заменил этим

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

.quote-icon:before {
    background-image: url(./images/citata.gif); 
}

[Russlav]

Я посмотрел, на чём строятся кнопки "Новая тема" и "Ответить", они обе состоят из рамки, градиента и надписи. Но вот только я бы хотел сделать так, чтобы не было никаких градиентов, рамок, а была эта картинка вместо, например, кнопки "Новая тема"
[фото пропало]
Как это сделать?

[Татьяна5]

Вариант 1: задать картинку фоном и скрыть надпись
Вариант 2 (более правильный): сменить шрифт на кнопке + перекрасить её в соответствии с картинкой

[Russlav]

Вариант 2 (более правильный): сменить шрифт на кнопке + перекрасить её в соответствии с картинкой

Именно так скопировать всё, как картинке не получится. Поэтому я выбираю первый вариант.

[Alexander01]

Подскажите пожалуйста, а как изменить размер кнопок? Хочу сделать кнопки пошире и подобрать для них картинки с надписями, что бы было информативнее. Может есть готовое решение?

[faq4ever]

поддерживаю, готовое решение бы не помешало, у меня есть кнопки типа вот таких , но они все не на одной картинке идут, а из 4 -х штук отдельно, вот как их прикрепить к форуму ?

[Casper12]

я кнопки в ручную поменял , сделал свои класс и теперь при наводке курсора кнопка еще и меняется .