Кнопка Button
Кнопка Button для icms2
1. Вставляете в нужный вам тип контента поле "Ссылка".
2. Системное имя я использовал "linkurl", можете прописывать любое и использовать его в стилях.
3. При необходимости настраиваете "Положение заголовков"
4. В любой загружаемый в выбранном типе контента файл стилей (например ..\templates\default\css\theme-gui.css) дописываете:
... .f_linkurl a { display: inline-block; font-weight: bold; font-size: 0; color: rgb(68,68,68); text-decoration: none; user-select: none; padding: 8px 17px; outline: none; border: 1px solid rgba(0,0,0,.1); border-radius: 2px; background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1); transition: all .218s ease 0s; } .f_linkurl a:before { content: "Button"; /*Тут прописываете заголовок кнопки*/ font-size: 14px; } .f_linkurl a:hover { color: rgb(24,24,24); border: 1px solid rgb(198,198,198); background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } .f_linkurl a:active { color: rgb(51,51,51); border: 1px solid rgb(204,204,204); background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224)); box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; }
Еще раз напомню про системное имя поля. Если вы используете другое то класс .f_linkurl меняется на .f_ваше_системное_имя
Всё. Получаете то, что вы хотели: пользователь заполняет поле любой ссылкой и она при просмотре записи превращается в кнопку
Открытие в новом окне, при нажатии, немаловажно.
Спасибо большое, все работает!Пошагово:
1. Вставляете в нужный вам тип контента поле "Ссылка".
2. Системное имя я использовал "linkurl", можете прописывать любое и использовать его в стилях.
3. При необходимости настраиваете "Положение заголовков"
4. В любой загружаемый в выбранном типе контента файл стилей (например ..\templates\default\css\theme-gui.css) дописываете:
Если вы считаете, что данный тип поля необходим, закажите его. Стоимость будет небольшаяПлюсую. Кнопка в "тип поля" просто необходима.
Открытие в новом окне, при нажатии, немаловажно.