Появился у меня как всегда глупый вопрос по CSS а может и несовсем глупый :)Надеюсь кто-нибудь сможет помочь.
В общем есть сайт http://cms.template-help.com/virtuemart_30545/ на нем меня очень заинтерисовало горизонтальное меню,а кокретно фон кнопок,чтобы лучше понимать вот скриншот:
Хочу вот такую же кнопочку сделать и в шаблоне на опенкарте,но вот что-то не получается.На этом сайте кнопочка реализована из двух кусочков,вот таких:
Т.е. картинка одна справа и другая слева
В опенкарте же горизонтальное меню реализовано,немного по другому-там используется всего одна картинка.Впринципе я нашел альтернативное решение:
background: -moz-linear-gradient(top, #baceb6, #93f5eb);
-moz-border-radius: 20px;
Т.е. градиент прописывается кодом и скругляются края,но это как бы не совсем такой же результат дает,но главная проблема в том что такое работает только для мозилы.
Также пробовал "украсть" стиль у кнопок в опенкарте ,вот этот:
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
.button span {
color: #FFF;
display: block;
padding: 4px 12px 5px 5px;
background: url('../image/button_right.png') top right no-repeat;
}
но и он мне особо не помог , т.к. в горизонтальном меню нужно это как-то прописать именно для ссылок, а этот span все портит.
В общем много написал,для того чтобы понятно было , что-то и сам пытался делать,но главный вопрос довольно простой - Как сделать такую же кнопочку в опенкарте ? Но сделать корректно, чтобы и всякие там id="tab_home" тоже работали,т.е. чтобы и после нажатия кнопки подсвечивались.