• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Сделать стиль для кнопки добавление
[MaStEr-X]™v3nom
Воскресенье, 12 Ноября 2017, 16:16 | Сообщение 1
Оффлайн
Пользователи
Сообщений:21
Награды: 0
1) Что делать если кнопка очень темная, а как прописать стиль чтобы она была как в рамке не пойму, что и куда надо подписать?
2) inside.usite.pro
3) В закреплении
5) Нету
Прикрепления: 0848207.jpg (5.4 Kb)
Страна: (RU)
Kosten
Воскресенье, 12 Ноября 2017, 16:24 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
[MaStEr-X]™v3nom, найдите эти стили, в CSS 69

Код
.entry-title span {
    background: #353232;
    line-height: 20px;
    padding: 0 10px;
    margin: 8px;
    float: right;
}


и замените, что потом сами можете редактировать.

Код
.entry-title span {
    background: #2f2d2d;
    line-height: 20px;
    padding: 0 10px;
    margin: 8px;
    float: right;
    border: 1px solid #5c5e61;
    border-radius: 3px;
}


Прикрепления: 3694692.png (4.3 Kb)
Страна: (RU)
[MaStEr-X]™v3nom
Воскресенье, 12 Ноября 2017, 16:42 | Сообщение 3
Оффлайн
Пользователи
Сообщений:21
Награды: 0
Kosten, Спасибо большое, но мне надо было не для этого, а для кнопки "Добавить новость" на моем скриншоте можно это найти.
Страна: (RU)
Kosten
Воскресенье, 12 Ноября 2017, 19:55 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
[MaStEr-X]™v3nom, нужно класс задать, вот как раз здесь можете выбрать кнопки, что все подробно описано.
Страна: (RU)
Kosten
Воскресенье, 12 Ноября 2017, 19:59 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
[MaStEr-X]™v3nom, недавно статью писал, как кнопку сделать, что здесь в самом низу посмотрите. Что изначально класс задаете, а потом в CSS стили пишите.
Страна: (RU)
Kosten
Воскресенье, 12 Ноября 2017, 22:25 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Вот одна из кнопок, что дал ссылку, и установка такая.

Код
<div style="text-align:right;padding-bottom:3px;"><a href="/news/0-0-0-0-1" class="button24">Добавить новость</a></div>


Ниже стиль прописать.

Код
<style>  
a.button24 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
}
a.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }
</style>


Вот так получится.

Прикрепления: 3229283.png (103.6 Kb)
Страна: (RU)
[MaStEr-X]™v3nom
Понедельник, 13 Ноября 2017, 01:05 | Сообщение 7
Оффлайн
Пользователи
Сообщений:21
Награды: 0
Kosten, спасибо большое за помощь, очень помогли, я вам очень благодарен
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: