• Объявления

    • dinox

      Закрытый раздел разработчиков   21.08.2017

      У нас на форуме существует закрытый раздел для разработчиков в котором мы обсуждаем нюансы работы на нашем форуме, в каталоге дополнений и другие моменты которые интересны в большинстве случаев только разработчикам. На данный момент существует лишь 2 условия для попадания:
      1. Наличие промодерированного дополнения в нашем каталоге  2. Отсуствие варезной деятельности 
      Если эти правила выполнены, пишите запрос @ArtemPitov на попадание в раздел разработчиков
Rekayt

Вопрос как сделать красочную форму кнопки

Рекомендуемые сообщения

Rekayt    0

Вопрос, как сделать категориям вместо просто банального текста сделать красочные кнопки?

Как например здесь : http://rc-today.ru/

Под поиском слева к примеру радиоуправляемые модели машин   сам текст черный а под текстом красочно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

templater    85

в stylesheet.css изменить стиль этих элементов.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Pascha    631

в стилях кнопки прописать:
 

background-image: url(../image/Картинка.png) no-repeat;  <--- Это картинка кнопки (красочная)))))
color:#000; <----Это цвет текста (например черный)

там где показали вот такая картинка кнопки:
fb9b958e8917.png
грузим ее в папку по пути \catalog\view\theme\default\image и прописываем путь до нее в вышеозвученный код 
конечно, не совсем правильно, так как размеры кнопок разные, то лучше закачать прямоугольный рисунок, а углы скруглить стилями , типа этого

border: 1px solid #F1634D; <--- Это прописываеи, если хотим обводку кнопки другого цвета
-webkit-border-radius: 7px 7px 7px 7px; 
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px; 
border-radius: 7px 7px 7px 7px;

 
и padding*ом отпозиционировать надпись

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Rekayt    0

в стилях кнопки прописать:

 



background-image: url(../image/Картинка.png) no-repeat;  <--- Это картинка кнопки (красочная)))))
color:#000; <----Это цвет текста (например черный)

там где показали вот такая картинка кнопки:

fb9b958e8917.png

грузим ее в папку по пути \catalog\view\theme\default\image и прописываем путь до нее в вышеозвученный код 

конечно, не совсем правильно, так как размеры кнопок разные, то лучше закачать прямоугольный рисунок, а углы скруглить стилями , типа этого



border: 1px solid #F1634D; <--- Это прописываеи, если хотим обводку кнопки другого цвета
-webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -khtml-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;

 

и padding*ом отпозиционировать надпись

Немогу найти стили кнопки в ксс помогите пожалуйста.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Pascha    631

классы для кнопок:

.button, a.button, input.button 

и при наведении:

.button:hover, a.button:hover, input.button:hover 

или придумываем название класса для кнопки, если ее стиль будет отличным от  других, правим код в tpl*ке и прописываем для нее стиль...ну например для 

<input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" />

 

будет применен класс input.button
а так 

<input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button1" />

 

будет применен класс input.button1 со стилями которые мы сами пропишем

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Andrey27rus    1

Поставь себе Firebug. Там есть кнопка инспектировать элемент. Наводишь на то что нужно и он те показывает как он называется в CSS дословно. Шикарная штука :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Pascha    631

Поставь себе Firebug. Там есть кнопка инспектировать элемент. Наводишь на то что нужно и он те показывает как он называется в CSS дословно. Шикарная штука :-)

в Опере (инспектировать элементи Гугл Хроме (просмотр кода элемента) работает через ПКМ , это встроенная опция

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Rekayt    0

С кнопками разобрался, еще вопрос.

Как изменить название блока категории.

И как еще сделать такие же блоки с категориями.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

С кнопками разобрался, еще вопрос.

Как изменить название блока категории.

И как еще сделать такие же блоки с категориями.

 

в файле catalog/language/russian/module/category.php

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

senat    0

Здравствуйте! Пытался загнать себе (на сайт) кнопку такого плана, как предлагалось выше, через ФТП, но ни как! Может формат не тот ? Я ставил 180х31 по размерам родной, а может не из-за размера? может шо то другое? И ещё вопрос- стили кнопок это stylesheet.css  , а далее наводим на желаемый элемент на своём сайте (в хроме) и "Просмотр кода элемента" и потом через нотэпад+++  просто вставляем строку  " background-image: url(../image/Картинка.png) no-repeat;" прописав путь ну и загрузив предварительно сюда "\catalog\view\theme\*****\image". Я правильно понимаю эту процедуру

з ы Шо то шрифт какой то разный у меня в топике)))!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу