Виджет "КНОПКА БАБЛО" 2.X

 
Посетитель
small user social cms
Медаль
Сообщений: 357
Нужен виджет "Кнопка бабло"
1. не плоская
2. чтоб стеклянная была с гранями, выпуклая.
3. чтоб можно было выбрать цвет текста на кнопке
4. чтоб можно было указать ссылку куда кнопа ведёт
5. чтоб можно было ввести текст на этой кнопе
6. чтоб можно было выбрать цвет кнопы (выпуклой, стеклянной, с гранями)
7. чтоб можно было выбрать растянуть её на 100% ширины блока или по размеру надписи на кнопке
P.s. По дизайну корочь - она должна быть реально стеклянная чтоб было видно её, чтоб хотелось нажать, моргать перелеваться... я хз как, предлагайте варианты, естественно "бесплатная хотелка".
Посетитель
small user social cms
МедальАвторитет форумаПочетный донор проектаПочетный донор проектаПочетный донор проекта
Сообщений: 2553
Колян, не проще сгенерировать в любом онлайн-сервисе и вставить в виджет html-блока?

https://cooltext.com/Logo-Design-Love как пример
Вкусные цены на NVME Win-сервера, Недорогие VPS с бесплатным администрированием!
Удобный и гибкий автопостинг в соцсети
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 357
AndroS:

Колян, не проще сгенерировать в любом онлайн-сервисе и вставить в виджет html-блока?

https://cooltext.com/Logo-Design-Love как пример
Сейчас попробую, отпишу как оно вышло...
Посетитель
small user social cms
Медаль
Сообщений: 357
AndroS:

Колян, не проще сгенерировать в любом онлайн-сервисе и вставить в виджет html-блока?

https://cooltext.com/Logo-Design-Love как пример

Ну выдаёт сервис гифку, ЧО мне с ней делать? Хде сервис?
Посетитель
small user social cms
МедальАвторитет форумаПочетный донор проектаПочетный донор проектаПочетный донор проекта
Сообщений: 2553
Колян:
ЧО мне с ней делать?
Любуйтесь! Красивая же? laugh
Ежели серьезно - для начала загрузите на сайт, потом загуглите "html вставка картинки" и действуйте!
Колян:
Хде сервис?
Какой сервис, вы о чем?
Скрытый текст виден только зарегистрированным пользователям
Вкусные цены на NVME Win-сервера, Недорогие VPS с бесплатным администрированием!
Удобный и гибкий автопостинг в соцсети
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1694
Колян:
естественно "бесплатная хотелка".
Почему естественно? ИМХО за такие настройки совсем Не естетственно).
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форума
Сообщений: 2934
Колян:

AndroS:

Колян, не проще сгенерировать в любом онлайн-сервисе и вставить в виджет html-блока?

https://cooltext.com/Logo-Design-Love как пример

Ну выдаёт сервис гифку, ЧО мне с ней делать? Хде сервис?
Надо поискать. Натыкался на сервисы, которые генерят не картинку, а HTML код картинки и в нем все параметры, которые вам нужны.
Мощный хостинг на NVMе дисках с защитой! Дешевые домены здесь! Автоботы для соцсетей
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 3868
Тут много
http://shpargalkablog.ru/2012/04/css-knopki.html
Скоро будет компонент шорткодами можно любую кнопку ставить в любое место, и не только кнопки
Редактировалось: 1 раз (Последний: 5 июня 2020 в 23:21)
Мой сайт Конструктор тем Уроки по конструктору тем  Мой канал
Посетитель
small user social cms
Медаль
Сообщений: 357
Алексей Тимофеев:

Тут много
http://shpargalkablog.ru/2012/04/css-knopki.html
Скоро будет компонент шорткодами можно любую кнопку ставить в любое место, и не только кнопки

Годно, моякните мне как будет готов компонент.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 957
Код PHP:
  1. В стили -
  2. a.button9 {
  3. position: relative;
  4. display: inline-block;
  5. color: #777674;
  6. font-weight: bold;
  7. text-decoration: none;
  8. text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  9. user-select: none;
  10. padding: 1em 2em;
  11. outline: none;
  12. border-radius: 3px / 100%;
  13. background-image:
  14. linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
  15. linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
  16. linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
  17. linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
  18. linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
  19. linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  20. background-repeat: no-repeat;
  21. background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  22. background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  23. box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
  24. }
  25. a.button9:hover {
  26. transition: .5s linear;
  27. background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  28. }
  29. a.button9:active {
  30. top: 1px;
  31. }
  32. это туда куда надо.
  33. <a href="#" class="button9"> кнопка ,БАБЛО</a>
  34.  
Она стеклянная!
Посетитель
small user social cms
Медаль
Сообщений: 357
Заралик:


Она стеклянная!

Щас поглядим как оно)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 957
Колян:
Щас поглядим как оно)
ну так что?
Посетитель
small user social cms
Медаль
Сообщений: 357
Заралик:

Колян:
Щас поглядим как оно)
ну так что?
Виджет \"КНОПКА БАБЛО\"
Чтото не похоже на кнопку:(
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 957
Колян:
Колян:
Виджет \"КНОПКА БАБЛО\"

Похоже,, если Вы стекло приложите на белый фон, его тоже видно не будет ))). Фон на кнопку сможете добавить?
Редактировалось: 2 раз (Последний: 8 июня 2020 в 16:28)
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.