Перейти к публикации
  • 0
JOONY

Меняем вид кнопок в темах

Вопрос

Кнопки до:

1.png.199f794b9afd1b584d7b251194343ef1.png

После не большого изменения:

2.png.a2db2417b71c40bce3793865c94dde90.png

  • Идём в custom.css и добавляем код, редактируем под себя
.ipsApp .ipsButton.cMultiQuote {
    line-height: 22px;
    padding: 0 6px;
    background-color: rgba(247, 244, 244, 0.03);
}
.ipsComment_controls > li {
    margin-right: 0px;
}
.ipsComment_controls > li {
    line-height: 27px;
    font-size: 11px;
    padding: 0px 10px;
    background: rgba(105, 102, 102, 0.71) linear-gradient(to bottom, rgba(105, 102, 102, 0.83) 0%, rgba(255, 255, 255, 0) 100%) repeat-x scroll 0px -1px;
    border: 1px dashed #2e3f50;
    color: #414141;
    text-shadow: 0px 0px 0px #717476;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0

Стандартные средства IPS 4

Вот вам огромное количество стандартных вариантов. не нужно ничего пилить и перепиливать) Просто добавьте класс нужный для своей кнопочки)

Ниже привожу стили кнопок

ipsButton_normal

ipsButton_primary

ipsButton_alternate

ipsButton_important

ipsButton_light

ipsButton_veryLight

ipsButton_overlaid

ipsButton_link

 

Button sizes

ipsButton_medium

ipsButton_verySmall

ipsButton_small

ipsButton_large

ipsButton_veryLarge

ipsButton_fullWidth
Can be combined with another size, above.

 

Disabled buttons

Buttons can be visually disabled either by adding the class ipsButton_disabled, or, on relevant input elements, adding the disabled property. For example:

<a href='#' class='ipsButton ipsButton_normal ipsButton_medium ipsButton_disabled'>Disabled button (link)</a>
<input type='submit' class='ipsButton ipsButton_normal ipsButton_medium' disabled value='Disabled button (input)'>

These would render like so:

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

×