Добре дошъл/дошла, Гост. Моля, въведи своето потребителско име или се регистрирай.

Влез с потребителско име, парола и продължителност на сесията

Новини:

Автор Тема: Меню  (Прочетена 1578 пъти)

Неактивен Ивайло Халачев

  • Задържал се
  • *
  • Публикации: 53
  • Репутация: 0
Меню
« -: 02 Февруари, 2017, 17:32:08 »
0
Здравейте!

Как да направя, така че менюто да е хоризонтално, а не вертикално, както е на приложената снимка.
« Последна редакция: 02 Февруари, 2017, 17:41:45 от Ивайло Халачев »

Неактивен Ивайло Халачев

  • Задържал се
  • *
  • Публикации: 53
  • Репутация: 0
Re: Меню
« Отговор #1 -: 02 Февруари, 2017, 17:43:54 »
0
Здравейте!

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

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

Неактивен dtk

  • Разбирач
  • *
  • Публикации: 1377
  • Scuderia Ferrari F1
  • Репутация: +24
Re: Меню
« Отговор #2 -: 02 Февруари, 2017, 18:48:12 »
0
Трябва да добавиш "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", ако е възможно и в него да правиш тези промени.
« Последна редакция: 02 Февруари, 2017, 18:59:03 от dtk »
٩(●̮̃•)۶