Кнопка Button

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Кнопка Button для icms2

#1 23 октября 2015 в 10:21
Подскажите пожалуйста, где найти тип поля "кнопка button", существует ли дополнение, компонент для icms2. Хочу встроить после текста кнопку "перейти" и не могу понять как можно это сделать. В этой кнопке "перейти" должен скрываться url сайта, куда надо переходить.
#2 23 октября 2015 в 12:08
А зачем так сложно? Можно так и оставить в виде ссылки ваш url и в стилях оформить его как кнопку. Вот примеры в помощь: http://shpargalkablog.ru/2012/04/css-knopki.html
#3 23 октября 2015 в 12:22
Спасибо. А как вывести эти кнопки, куда и что вписывать (файлы шаблона, css или еще что то другое), совсем не разбираюсь в пхп, не могли бы подсказать.
#4 23 октября 2015 в 13:03
И еще, посмотрел разные видео по выводу кнопок, но для меня они не подходят. Они в основном сделаны для статей и ссылку заранее нужно вписывать в сам файл кнопки. Мне нужно чтобы эта кнопка работала с полем ссылка и любой пользователь мог там при заполнении вписывать свою ссылку. Например пользователи выкладывают товары или услуги на сайте, а кнопка нужна для перехода на сайт указанный пользователем, а стандартное поле ссылка у инстанта без кнопки показывается.
#5 23 октября 2015 в 13:29
Есть каталог товаров созданный из стандартных полей инстанта. В этот каталог пользователи выкладывают свои товары для продажи. Но там нет ни корзины, ни шопа, покупка производится на стороннем сайте, который указывает сам пользователь (например интернет магазин) У инстанта2 есть стандартное поле "ссылка", вот как к этому полю привязать кнопку "купить". Нажимаешь на эту кнопку и переходишь по ссылке указанный пользователем.
#6 23 октября 2015 в 21:00
Пошагово:
1. Вставляете в нужный вам тип контента поле "Ссылка".
2. Системное имя я использовал "linkurl", можете прописывать любое и использовать его в стилях.
3. При необходимости настраиваете "Положение заголовков"
4. В любой загружаемый в выбранном типе контента файл стилей (например ..\templates\default\css\theme-gui.css) дописываете:
  1. ...
  2. .f_linkurl a {
  3. display: inline-block;
  4. font-weight: bold;
  5. font-size: 0;
  6. color: rgb(68,68,68);
  7. text-decoration: none;
  8. user-select: none;
  9. padding: 8px 17px;
  10. outline: none;
  11. border: 1px solid rgba(0,0,0,.1);
  12. border-radius: 2px;
  13. background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  14. transition: all .218s ease 0s;
  15. }
  16. .f_linkurl a:before {
  17. content: "Button"; /*Тут прописываете заголовок кнопки*/
  18. font-size: 14px;
  19. }
  20. .f_linkurl a:hover {
  21. color: rgb(24,24,24);
  22. border: 1px solid rgb(198,198,198);
  23. background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  24. box-shadow: 0 1px 2px rgba(0,0,0,.1);
  25. }
  26. .f_linkurl a:active {
  27. color: rgb(51,51,51);
  28. border: 1px solid rgb(204,204,204);
  29. background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  30. box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  31. }
5. Указываете желаемый заголовок кнопки (см. примечание в css выше)
Еще раз напомню про системное имя поля. Если вы используете другое то класс .f_linkurl меняется на .f_ваше_системное_имя

Всё. Получаете то, что вы хотели: пользователь заполняет поле любой ссылкой и она при просмотре записи превращается в кнопку joke
#7 23 октября 2015 в 21:09
Плюсую. Кнопка в "тип поля" просто необходима.
Открытие в новом окне, при нажатии, немаловажно.
#8 23 октября 2015 в 21:47
Val
Сделал по инструкции. Но ничего не получилось, системное имя linkurl, слово купить появилось но без кнопки, ссылка не скрыта, вот скрин
#9 23 октября 2015 в 22:50

Пошагово:
1. Вставляете в нужный вам тип контента поле "Ссылка".
2. Системное имя я использовал "linkurl", можете прописывать любое и использовать его в стилях.
3. При необходимости настраиваете "Положение заголовков"
4. В любой загружаемый в выбранном типе контента файл стилей (например ..\templates\default\css\theme-gui.css) дописываете:

Val
Спасибо большое, все работает!
#10 25 октября 2015 в 10:49

Плюсую. Кнопка в "тип поля" просто необходима.
Открытие в новом окне, при нажатии, немаловажно.

Dmitry
Если вы считаете, что данный тип поля необходим, закажите его. Стоимость будет небольшая
#11 1 ноября 2015 в 19:13
Val
Спасибо.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.