Кнопки html

Кнопки html

 
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 362
В продолжение этой темы https://instantcms.ru/forum/thread31656-1.html , убрал бы ссылки и добавил бы тень smile
Код PHP:
  1.  
  2. <style>
  3. .button_block {
  4. display: flex;
  5. }
  6. .button {
  7. color: #d76929;
  8. background: #ffffff;
  9. margin: 0 5px;
  10. padding: 5px;
  11. border: 2px solid #d76929;
  12. border-radius: 3px;
  13. width: 32.2222%;
  14. display: block;
  15. float: left;
  16. text-align: center;
  17. text-decoration: none; /* Убрать сылку */
  18. box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
  19. }
  20. </style>
  21. <div class="button_block">
  22. <a class="button" href="#">Ссылка1</a>
  23. <a class="button" href="#">Ссылка2</a>
  24. <a class="button" href="#">Ссылка3</a>
  25. </div>
  26.  
С border: 3px solid #d76929; больше похоже на кнопку или выглядит брутальнее...

Гламурные кнопки
Кнопки html
Редактировалось: 3 раз (Последний: 29 апреля 2019 в 20:47)
Здравствуйте...спасибо\пожалуйста.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 158
@noname,
также можно добавить
:active
и
:hover
Разработка шаблонов для InstantCMS https://red-ray.ru
Шаблоны для InstantCMS 2
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 362
Проcто бы увеличить между ними расcтояние в строках и столбцах
Спойлер
Редактировалось: 1 раз (Последний: 29 апреля 2019 в 21:52)
Здравствуйте...спасибо\пожалуйста.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 351
Кнопка заменяющая премиум компонент Биллинг

Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 362
премиум компонент Биллинг ничто не может заменить v
Здравствуйте...спасибо\пожалуйста.
Посетитель
small user social cms
Медаль
Сообщений: 889
@noname:
убрал бы ссылки и добавил бы тень
Это надо тоже изменения вносить в файле css?
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 362
В html виджет вставить строки 2-25 , цвет изменён на оранжевый, где закоменчено / / там изменения.
Здравствуйте...спасибо\пожалуйста.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 158
@Aliaksandr,
можете воспользоваться готовыми вариантами стилизации кнопок
http://shpargalkablog.ru/2012/04/css-knopki.html
Разработка шаблонов для InstantCMS https://red-ray.ru
Шаблоны для InstantCMS 2
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 158
@Aliaksandr,
вот еще один пример.
10 вариантов красивых кнопок
https://html5book.ru/examples/styling-buttons/demo-styling-button-8.html
Разработка шаблонов для InstantCMS https://red-ray.ru
Шаблоны для InstantCMS 2
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 158
@Aliaksandr, код css к этим кнопкам
https://html5book.ru/krasivye-knopki-dlya-sayta/
Разработка шаблонов для InstantCMS https://red-ray.ru
Шаблоны для InstantCMS 2
Посетитель
small user social cms
Медаль
Сообщений: 889
Red Ray:



Благодарю.
Редактировалось: 1 раз (Последний: 30 апреля 2019 в 10:56)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 362
Намекает что-нибудь купить
Редактировалось: 1 раз (Последний: 30 апреля 2019 в 17:33)
Здравствуйте...спасибо\пожалуйста.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.