Помогите изменить цвета кнопок phpbb3

Не могу найти как изменить цвета этих кнопок



А также убрать белый цвет при наведении, ничего же не видно

Никто не сталкивался с такой проблемой?

Может такое подойдёт? (кнопки картинками)

https://help.forum2x2.ru/t17437-topic#158299

https://help.forum2x2.ru/t33176-topic#171530

(это универсальные варианты)

Мне только цвет изменить нужно, на черный фон и белую надпись. Пока что-то не пойму как это сделать.

VeraLV, во втором варианте (для кнопопк "предпросмотр"/"отправить" и пр.) через CSS, Дана написала, что цвет можно менять по своему усмотрению (без картинок).

Вот, только серый при наведении

Код:

   /* кнопки предпросмотр, отправить, черновик, сохранить лс, удалить лс, лс в профиль, удалить все лс, кнопка нет, кнопка да, отмена подписки, проголосовать, отменить настройки */
    input[name="preview"], input[name="post"], input[name="draft"], input[name="save"], input[name="delete"], input[name="moveprofile"], input[name="deleteall"], input[name="cancel"], input[name="confirm"], input[name="valid"], input[name="submit"], input[name="reset"] {
    padding: 5px 10px !important;
    margin: 10px 5px !important;
    font-size: 13px !important;
    background-color: #000000 !important;
    color: #fff !important;
    border-radius: 5px;
    -moz-border-radius: 8px;
    border: 3px solid #DCDCDC;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    }

    input[name="preview"]:hover, input[name="post"]:hover, input[name="draft"]:hover, input[name="save"]:hover, input[name="delete"]:hover, input[name="moveprofile"]:hover, input[name="deleteall"]:hover, input[name="cancel"]:hover, input[name="confirm"]:hover, input[name="valid"]:hover, input[name="submit"]:hover, input[name="reset"]:hover {
    background-color: #778899 !important;
    color: #fff !important;
    -moz-box-shadow: 0 0 0 3px #778899;
    -webkit-box-shadow: 0 0 0 3px #778899;
    box-shadow: 0 0 0 3px #778899;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    }

Я так понимаю, что мне тут нужна только вот эта часть

/* кнопки предпросмотр, отправить */
input[name="preview"], input[name="post"]{
padding: 5px 10px !important;
margin: 10px 5px !important;
font-size: 13px !important;
background-color: #6495ED !important;
color: #000 !important;
border-radius: 5px;
-moz-border-radius: 8px;
border: 3px solid #DCDCDC;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

А это я так понимаю изменение цвета при наведении

input[name="preview"]:hover, input[name="post"] {
background-color: #778899 !important;
color: #fff !important;
-moz-box-shadow: 0 0 0 3px #778899;
-webkit-box-shadow: 0 0 0 3px #778899;
box-shadow: 0 0 0 3px #778899;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

Так, первый код изменил размер кнопок, по цвету все без изменений, попробуем доставить второй код.



О, стало ещё хуже, ищем дальше. Когда-то уже задавала этот вопрос, не могу найти где.

VeraLV пишет:Я так понимаю, что мне тут нужна только вот эта часть

Только бэкгрунд сменить  (мне с наведением нра)

Почему у меня внутри квадратная кнопка, у вас ее нет?

По второму вопросу - нашла код - цвет ссылок.

a:hover {
color: #00ffff !important;
}

Как убрать белый фон?

Мож так?

a:hover {
color: #00ffff !important;
background-color: #000000!important;
}

Только все ссылки после наведения становятся бирюзовыми (00FFFF)

Черный фон, некрасиво.:(

VeraLV пишет:Черный фон, некрасиво.:(

Ну это я быстрячком поставила шесть нулей, замените на свой цвет.

Все хорошо, но тогда здесь будет выставленный цвет. :(

Может так?

a:hover {
color: #00ffff !important;
background:transparent;
}

Вернулось к тому, что было. Как-то должен же этот цвет меняться, вот загадка-то.

Дана придёт-загадка исчезнет  

Загадок я тут много оставила, ждем.

 а можно я к вам вклинюсь в Инвизион по этому же уроку делала кнопки в CSS/ Поменялись все, кроме кнопки в голосовании "Результаты", и теперь 2 рядом -измененная и старушка. Не плохо бы и туда код, если кто знает)

Моя проблема решена. Вот такой код настройки кнопок.

Код:

/* кнопка Предпросмотр */
input[name="preview"] {
cursor:pointer;
background-color:#253BA8; /* Фон в обычном состоянии */
background-image:none;
border:2px groove #00FF7F; /* рамка в обычном состоянии */
color:#fff; /* цвет текста в обычном состоянии */
padding:3px;
font-size:12px; /* размер шрифта */
}
input[name="preview"]:hover {
cursor:pointer;
background-color:#FF0000; /* Фон при наведении */
background-image:none;
border:2px groove #00FF7F; /* рамка при наведении */
color:#FFFF00; /* цвет текста при наведении */
}