Jump to content

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


csolsztyn
 Share

Recommended Posts

Кнопки до:

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;
}

 

Link to comment
Share on other sites

  • Administrator

Стандартные средства 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:

 

 

Правила форума       Правила оформления контента       Приватный форум и чат

youtube-gaming2.jpg

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Privacy Policy