Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 42 Ответов
  • 7653 Просмотров
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Горизонтальное меню состоит из 11 пунктов в три строчки. Ставил и по центру блок меню, и к правой стороне двигал. Не могу сделать, чтоб были все три строчки по центру. Надо сделать одинаковый отступ от края, слева и права. Чтоб отступ одинаковый у всех строк меню был. Типа на одной линии сверху вниз, все три строки меню. Левый и правый край всех трех строчек выровнять по бокам.
И в резиновом и фиксированном шаблоне не встают пункты меню ровно. Хотя бы две строки выровнять.
Подскажите пожалуйста как сделать?
Спасибо.
http://www.mani-mani-net.ru/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD-%D1%83%D1%87%D0%B5%D0%B1%D0%BD%D0%BE%D0%B5/%D0%B2%D0%B8%D0%BD%D0%B4%D0%BE%D0%B2%D1%81-%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE
« Последнее редактирование: 28.01.2015, 10:44:35 от stendapuss »
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
template.css:6982 .navigation {} - добавьте text-align:center;
template.css:2925 замените это:
.nav-tabs > li, .nav-pills > li {
    float: left;
}

на это:
.nav-tabs > li {
    float: left;
}
.nav-pills > li {
    display: inline-block;
}
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Спасибо, получилось.
Но не много не так. Наверно надо текстом, названия меню регулировать или как?
Чтоб на одной полосе края все были.
   
« Последнее редактирование: 28.01.2015, 15:36:48 от stendapuss »
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
так попробуйте
Код: css
.nav.menu.nav-pills {
    text-align: center;
}
.nav-tabs > li, .nav-pills > li {
    display: inline-block;
}
float: left; - уже не надо
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
так попробуйте
Код: css
.nav.menu.nav-pills {
    text-align: center;
}
.nav-tabs > li, .nav-pills > li {
    display: inline-block;
}
float: left; - уже не надо


Сейчас попробую.
Пробовал text-align:center;
center менял значение.
Не получилось.
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
так попробуйте
Код: css
.nav.menu.nav-pills {
    text-align: center;
}
.nav-tabs > li, .nav-pills > li {
    display: inline-block;
}
float: left; - уже не надо

Правильно понял?
Вместо nav-tabs > li, .nav-pills > li {
    float: left;
Вставить:
.nav.menu.nav-pills {
    text-align: center;
}
.nav-tabs > li, .nav-pills > li {
    display: inline-block;
}
На компе пробую.
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Правильно понял?
Вместо nav-tabs > li, .nav-pills > li {
    float: left;
Вставить:
.nav.menu.nav-pills {
    text-align: center;
}
.nav-tabs > li, .nav-pills > li {
    display: inline-block;
}
На компе пробую.
Все равно не получается ровно, буквами (текстом меню) регулировать надо.
Как то ведь можно сделать, чтоб кнопки были шире. Не зависели от текста, названия пункта меню.
Я лично не могу еще так быстро соображать на эту тему.
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
не совсем догнал - ваша конечная цель - чтобы выглядело в таком виде что ли?
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
не совсем догнал - ваша конечная цель - чтобы выглядело в таком виде что ли?

Да, вроде так лучше ?
 
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
приведенное мною решение 100% рабочее, либо вы что-то не так и не там правите либо ваши правки на локальном сервере отличаются от тех, что на хостере
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
Да, вроде так лучше ?
 
лучше - да, но сделать пожалуй посложнее))
попробуйте почитать здесь - text-align: justify; inline-block elements properly?
а вообще в вашем случае я бы просто дал фиксированную ширину всем кнопкам (независимо от текста внутри) - напр.
Код: css
.navigation .nav > li {
    vertical-align: top;
    width: 300px;
}
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Правильно понял?
Вместо nav-tabs > li, .nav-pills > li {
    float: left;
Вставить:
.nav.menu.nav-pills {
    text-align: center;
}
.nav-tabs > li, .nav-pills > li {
    display: inline-block;
}
На компе пробую.


Сразу страницу в низ не двигал.
Посмотрел, меню боковое в строчку стало.
https://fotki.yandex.ru/next/users/rabota-mani-internet/album/204092/view/1240054
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Вместо:
.nav.menu.nav-pills {
    text-align: center;
}
.nav-tabs > li, .nav-pills > li {
    display: inline-block;
}
вставил:
navigation .nav > li {
    vertical-align: top;
    width: 300px;
}

Меню вертикальное стало.
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
приведенное мною решение 100% рабочее, либо вы что-то не так и не там правите либо ваши правки на локальном сервере отличаются от тех, что на хостере
На хостере лежит ваше решение, по ссылке в первом посте.
Уже по ссылке сейчас последнее решение.
Ваше на главной. Вроде не чего не ошибся правил.
Но я мог и ошибиться.
« Последнее редактирование: 28.01.2015, 21:29:26 от stendapuss »
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Пойду я покурю, а то уже скоро запутаюсь, запутался. Где что лежит, какой шаблон. На хостинге 15 шаблонов.
И на компе то же самое.
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
не вместо, а добавить надо было..
Как надо получилось.
Только, где в меню текст в две строчки. Шире получается. Сейчас в низ положу эти два пункта. Чтоб внизу оба были. И на хостинг брошу покажу.
Правильно сделал?
Спойлер
[свернуть]
« Последнее редактирование: 28.01.2015, 20:00:39 от stendapuss »
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Выложил.
Но где то, что то напортачил. Верхнее как надо. Боковое меню расползлось.

Это не меню, а разбиение на страницы.
Я чтоб цвет активного пункта поменять дописал в конце файла
.nav-tabs.nav-stacked > li > a.active {
background: rgba(255,255,0,.2);
}
Что то сейчас не могу понять как его сделать опять вертикальным.
« Последнее редактирование: 28.01.2015, 20:53:07 от stendapuss »
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
добавить
Код: css
.pull-right.article-index li {
    display: block;
}
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
добавить
Код: css
.pull-right.article-index li {
    display: block;
}

Все встало, спасибо.
 display: block; понял что это- выравнивание .
.pull-right прочитал Добавьте класс .pull-right к элементу с классом .dropdown-menu для выравнивания меню по правому краю.
Наверно Неправильно?

article-index li Это не нашел прочитать где. Что это?

*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
нет, это просто чтобы стиль действовал только на теги li находящиеся внутри <div class="pull-right article-index"> а не на все li подряд
Вложенные селекторы
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
article-index li Это не нашел прочитать где. Что это?
.pull-right и .article-index - это css-классы (как и все то, что начинается на точку), которые вы сами можете напридумывать сколь душе угодно

li - это штатный элемент разметки (как и все то, что не начинается на знаки препинания или спец.символы типа # или @), все они описаны в спецификации HTML.

есть еще id - они начинаются с символа # и как правило делаются уникальными в пределах одной страницы (вы сами за этим следите).

вам важнее то, что находится в фигурных скобках: это параметры и их значения, разделенные точкой с запятой, подробнее об этом можно почитать в лучшем онлайн-учебнике-справочнике htmlbook.ru (кстати, забугорных аналогов нет, он реально лучший в мире).
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Читал я  htmlbook.ru и читаю. Просто сразу все не запомнишь и не поймешь. Много инфы.
Всем спасибо.
Завтра еще на резиновом шаблоне попробую поменять. Если не будет получаться спрошу ешё, можно?

А шаблоны я дублировал, чтоб по разделам разные были стили, header, название сайта и описание.
Это я правильно сделал? Или это как то по другому делается?
Спасибо.
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
.pull-right и .article-index - это css-классы (как и все то, что начинается на точку), которые вы сами можете напридумывать сколь душе угодно

li - это штатный элемент разметки (как и все то, что не начинается на знаки препинания или спец.символы типа # или @), все они описаны в спецификации HTML.

есть еще id - они начинаются с символа # и как правило делаются уникальными в пределах одной страницы (вы сами за этим следите).

вам важнее то, что находится в фигурных скобках: это параметры и их значения, разделенные точкой с запятой, подробнее об этом можно почитать в лучшем онлайн-учебнике-справочнике htmlbook.ru (кстати, забугорных аналогов нет, он реально лучший в мире).

.pull-right и .article-index - это css-классы (как и все то, что начинается на точку), которые вы сами можете напридумывать сколь душе угодно.

Это ясно теперь что это. Не ясно, откуда и как взяли что они в шаблоне уже есть и прописаны.
Раз просто свойство им прописали.
Как по технология их искать надо? Просто просматривать шаблон? Или как ?.
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Не ясно, откуда и как взяли что они в шаблоне уже есть и прописаны.
Раз просто свойство им прописали.
Как по технология их искать надо? Просто просматривать шаблон? Или как ?.
Это было задумано разработчиком шаблона - он их придумал и прописал. Вы можете придумать и прописать свои. Некоторые имена являются общепринятыми, например .nav-phils или .pull-right. Выявляются они просто: изучаете шаблон и - в случае наличия - семантический фреймворк, на котором шаблон написан (bootstrap, uikit и прочее).
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Цитировать
А шаблоны я дублировал, чтоб по разделам разные были стили, header, название сайта и описание.
Это я правильно сделал? Или это как то по другому делается?
Спасибо.
Это правильно.
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Это правильно.
Можно дублировать, а можно:
копируешь шаблон, переименовываешь в файле все названия. Ставишь шаблон. Как правильней?
Или суть не меняется?
Только  вся разница, если дублировать нет цефер (номеров строк). В шаблоне в панели делаешь, не удобно без номеров строк.
« Последнее редактирование: 28.01.2015, 23:09:10 от stendapuss »
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
это одно и тоже: для J это во всех случаях разные шаблоны
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Немного дела образовались. Позже задам вопросы.
Спасибо.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 2488
Последний ответ 27.07.2023, 13:37:17
от ei-dos
Ошибка при входе в корзину шаблон jmart

Автор dimiur

Ответов: 5
Просмотров: 2713
Последний ответ 24.05.2023, 14:24:30
от Gleb72
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4730
Последний ответ 23.05.2023, 07:22:49
от geral
Почему обновление шаблона ломает шаблон?

Автор gorbi_U

Ответов: 8
Просмотров: 1414
Последний ответ 03.05.2023, 22:54:19
от SmiP
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 1156
Последний ответ 21.03.2023, 11:47:29
от marksetter