как установить css кнопки

[нюся]

Хочу на форуме phpbb 3.0 вместо обычных картинок-кнопок (отправить, ответить) установить css кнопки, я их уже скачала, а как поставить не знаю. Подскажите пожалуйста.

[Пчелкин]

установить css кнопки

я их уже скачала,

Чой то одно с другим не сходится... Что скачала? Для КСС кнопок ничего не надо, они в КСС рисуются...

[Sheer]

Что скачала?

Следует читать: скачала css-коды для кнопок.

[Татьяна5]

[FAQ] Шаблон форума, CSS и html, где что "ковырять"
+ понадобятся знания html/css (htmlbook.ru в помощь)

[Пчелкин]

Следует читать

Так же следует и писать внятно...

[нюся]

[FAQ] Шаблон форума, CSS и html, где что "ковырять"
+ понадобятся знания html/css (htmlbook.ru в помощь)

Спасибо, но я там уже искала и пыталась самостоятельно разобраться, но не получилось

[Татьяна5]

На htmlbook.ru и самоучители есть
(Инструкция по замене кнопок может растянуться на несколько листов, причём она будет описывать простейшие вещи, так что навряд ли её кто-то будет составлять)

[нюся]

Мне бы пример на кнопки "Новая тема", а дальше я сама разберусь

[Пчелкин]

Возьмите, например, из модераторки систему создания КССных кнопок и перенесите ее на обычные... Или с главной странцы админки... Там есть тож КССные кнопки...
А еще в мобильных стилях есть КССные кнопки...

[Sheer]

Пример
Открыть styles/prosilver/theme/buttons.css
Найти

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

.buttons div.post-icon		{ width: {IMG_BUTTON_TOPIC_NEW_WIDTH}px; height: {IMG_BUTTON_TOPIC_NEW_HEIGHT}px; }

заменить на

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

.buttons div.post-icon
{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

Открыть styles/prosilver/theme/colours.css
Найти

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

.post-icon span		{ background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }

Заменить на

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

.post-icon span		{ }

[нюся]

Sheer Большое спасибо!!! Оказывается все так просто, а я голову ломала)))) А как сделать что бы текст на кнопке не краснел при наведении и шрифт был белым? это надо тоже прописать в файле tyles/prosilver/theme/buttons.css ?

[Пчелкин]

Так -

1775.jpg

Оказывается все так просто

1. И не забудьте что при замене картиночного типа на веб китовый теперь прописки бывшей картинки остаются еще в куче файлов двига и лежат там и воняют там как тухлые яйца.
2. Гарантия что вам еще и класс кнопок в ХТМЛ <div class="buttons"> придется слегка поправлять, что в файлах шаблонов используются, так как многие размеры и расположения при этой замене собьются (могут)...
И воще - неплохо бы уже наваять здесь FAQ по замене картиночных кнопок на прорисованные в CSS, но тока со всеми вытекающими из этого правками, вплоть до физического удаления картинок с хоста... А то FAQ-ов по уже ненужному старью валяется на форуме навалом, а по правкам, дающим "продвинутость" в свете современных ВЕБ технологий - почти ничего. А?

[нюся]

Я так уже пыталась делать, но оно не сохраняеться

[Татьяна5]

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

[Sheer]

неплохо бы уже наваять здесь FAQ

Ну давай, сваяй.