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

[Rekayt]

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

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

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

[templater]

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

[Rekayt]

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

 

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

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

грузим ее в папку по пути \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*ом отпозиционировать надпись

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

[Andrey27rus]

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

[Rekayt]

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

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

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

[OlegTitarenko]

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

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

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

 

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

[senat]

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

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

[RooKie238]

Кстати, там же сайт про радиоуправляемые модели. Иногда выезжаем с сыном на природу и весело проводим время. Только покупал в магазине https://rc-sector.ru/ . Прошло много времени, а квадрокоптер работает исправно до сих пор.