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

[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/ . Прошло много времени, а квадрокоптер рилииет исправно до сих пор.