Меню не такого дизайна, как в шаблоне

AlteTraum

Захожу иногда
118
1 / 3
Тут может быть ваша реклама

Меню не такого дизайна, как в шаблоне

« : 25.12.2013, 03:53:36 »

Подскажите, скачал вот этот дизайн: http://www.diablodesign.eu/demo/2012-08-26-13-16-23/hair-salon.html
На моем сайте меню в колонке слева совсем другое: http://artcorp.com.ua/
Как сделать так, что бы у меня было такое, как в шаблоне, красивое, бордовое, а не обычный текст?

Записан

kik84

Завсегдатай
1350
64 / 4

Re: Меню не такого дизайна, как в шаблоне

« Ответ #1 : 25.12.2013, 10:03:58 »

в самом модуле, скорее всего, еще был прописан определенный класс

Записан

AlekVolsk

Гуру
6913
416 / 4

Re: Меню не такого дизайна, как в шаблоне

« Ответ #2 : 25.12.2013, 11:08:16 »

в templates/templname/css/template.css:

Код: css

ul.dd-vmenu {
    margin-top: 0px;
    margin-bottom: 0px;
}
ul.dd-vmenu, ul.dd-vmenu li {
    display: block;
    margin: 0px;
    padding: 0px;
    width: auto;
    line-height: 0;
}
ul.dd-vmenu, ul.dd-vmenu ul {
    list-style: none outside none;
    display: block;
}
ul.dd-vmenu > li {
    margin-top: 2px;
}
ul.dd-vmenu li {
    position: relative;
}
ul.dd-vmenu, ul.dd-vmenu li {
    display: block;
    margin: 0px;
    padding: 0px;
    width: auto;
    line-height: 0;
}
ul.dd-vmenu, ul.dd-vmenu ul {
    list-style: none outside none;
}
ul.dd-vmenu a {
    text-align: left;    display: block;
    cursor: pointer;
    z-index: 1;
    font-size: 12px;
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    text-decoration: none;
    position: relative;
}
.dd-vmenu a {
    background-origin: border-box !important;
}
ul.dd-vmenu > li > a {
    background: -moz-linear-gradient(center top , rgba(4, 0, 0, 0.11) 0px, rgba(72, 1, 1, 0.14) 20%, rgba(72, 1, 1, 0.14) 80%, rgba(4, 0, 0, 0.11) 100%) no-repeat scroll 0% 0%, url("../images/vmenuitem.png") repeat scroll 0% 0%, -moz-linear-gradient(center top , rgb(15, 0, 0) 0px, rgb(61, 1, 1) 20%, rgb(61, 1, 1) 80%, rgb(15, 0, 0) 100%) no-repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    padding: 0px 10px;
    margin: 0px auto;
    color: rgb(178, 167, 149);
    min-height: 28px;
    line-height: 28px;
}
ul.dd-vmenu > li > a:before {
    content: url("../images/vmenuitemicon.png");
    margin-right: 5px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
    line-height: 0;
}

vmenuitemicon.png:

в меню css-класс dd-vmenu

а дальше все зависит только от вас

Записан

Личка | Вкусняшки

В новом шаблоне не адаптируется изображение Автор Ebelous	Ответов: 4 Просмотров: 4692	13.02.2024, 17:01:12 от Vastriet
Как уменьшить отступ между Title и Components в шаблоне Helix3 Автор artem_wrong	Ответов: 21 Просмотров: 8458	17.06.2022, 22:42:47 от Scaltro
Кликабельность псевдоэлемента в пункте меню Автор vasilii.pupkov	Ответов: 4 Просмотров: 16376	29.12.2021, 23:15:38 от v42bis
Выпадающее меню Автор DrShepard	Ответов: 10 Просмотров: 15460	20.10.2021, 12:36:16 от DrShepard
Как закруглить края выпадающего меню? Автор coliandra	Ответов: 1 Просмотров: 4545	11.12.2020, 21:15:57 от effrit

Меню не такого дизайна, как в шаблоне - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

JoomShift - компонент переноса контента между Joomla сайтами.

AlteTraum

Меню не такого дизайна, как в шаблоне

kik84

Re: Меню не такого дизайна, как в шаблоне

AlekVolsk

Re: Меню не такого дизайна, как в шаблоне

Похожие темы