Joomla! България

Стари версии на Джумла! => Joomla! 3.x => Администриране на Joomla! 3.x => Темата е започната от: Ивайло Халачев в 02 Февруари, 2017, 17:32:08

Титла: Меню
Публикувано от: Ивайло Халачев в 02 Февруари, 2017, 17:32:08

Здравейте!

Как да направя, така че менюто да е хоризонтално, а не вертикално, както е на приложената снимка.

Титла: Re: Меню
Публикувано от: Ивайло Халачев в 02 Февруари, 2017, 17:43:54

Цитат на: Ивайло Халачев в 02 Февруари, 2017, 17:32:08

Здравейте!

Как да направя, така че менюто да е хоризонтално, а не вертикално, както е на приложената снимка.

Използвал съм следния темплейт - as002088free

Титла: Re: Меню
Публикувано от: dtk в 02 Февруари, 2017, 18:48:12

Трябва да добавиш "float: left;" в ".mod-menu .nav.menu li", което се намира на 269 ред в "tmpl.default.css".
Демек трябва да стане така:

Цитат

.archive-module li,
.categories-module li,
.mod-menu .nav.menu li {
    list-style: none;
    font-size: 16px;
    float: left;
}

П.С.
Става и с "display: inline-block;"

Но няма да се съберат на един ред. За целта в същия CSS на 279 ред в ".archive-module li a, .categories-module li a, .mod-menu .nav.menu li a" трябва да намалиш падинга за ляво и дясно. Сега стойностите са 35. Направи ги на 30.

Важно!!!
При промени в тези CSS файлове, ако някога направиш ъпдейт на шаблона, то те ще се загубят. Затова трябва да се овъррайдне шаблона или да се ползва "custom.css", ако е възможно и в него да правиш тези промени.