Сoncrete5 Russia

Подскажите как сделать меню горизонтально?не могу разобраться.

morgane писал(а):Подскажите как сделать меню горизонтально?не могу разобраться.

Это дело уже не к CMS, это азы HTML и CSS.
В С5 с коробки вроде нет интерфейса чтобы выбирать ориентацию навигации.

Используете autonav? Версия с5 ваша? Шаблон какой? Умеете немного в PHP, HTML, CSS?

guyasyou писал(а):

morgane писал(а):Подскажите как сделать меню горизонтально?не могу разобраться.

Это дело уже не к CMS, это азы HTML и CSS.
В С5 с коробки вроде нет интерфейса чтобы выбирать ориентацию навигации.

Используете autonav? Версия с5 ваша? Шаблон какой? Умеете немного в PHP, HTML, CSS?

версия последняя скаченная с офф сайта.
шаблон элементал
html css азы знаю,имею представление что да как)
php нет(
autonav что это

Ну вы используете блок навигации?

Нужно создать шаблон для блока навигации.

1.Создайте папку: \application\blocks\autonav\templates\vertical_menu
2.Скопируйте туда view.php из папки \concrete\blocks\autonav
Этот файл будет генерировать HTML вашего меню. Можно поменять под себя его верстку, но нам достаточно поменять класс, чтобы потом к нему прописать стили в CSS. Так мы отделяем ваше меню от дефолтного.
В скопированном файле \application\blocks\autonav\templates\vertical_menu\view.php заменяем это:

Код: Выделить всё

echo '<ul class="nav">';

на это:

Код: Выделить всё

echo '<ul class="nav vertical_menu">';

3.Создаем в папке \application\blocks\autonav\templates\vertical_menu файл стилей view.css. Он будет автоматически подружатся с вашим меню.
И туда пишем свои стили начиная с нашего класса, чтобы они были четко адресованы, например:

Код: Выделить всё

ul.vertical_menu {
list-style-type: none; //Отключаем точки из списков
margin-left: 0; //отключаем левый отступ
padding-left; 0;
}

ul.vertical_menu li {
display: inline-block; //Отображает элементы в строку
margin-right: 20px; //Добавляет отступ справа
}


4. В режиме редактирования ставите блок Навигации, кликаете по нему, выбираете "Дизайн и оформление", далее иконка шестеренки, а там выпадающий список "оформление", в нем должен быть ваш шаблон, выбираете и сохраняете.

Вроде все верно сказал. Там уже раберетесь с подгонкой по дизайну в стилях

спасибо огромное,буду разбираться.
application/blocks....
здесь мне нужно путь сделать самому до конечной папки,потому что \application\blocks\autonav\templates\vertical_menu у меня есть только application/blocks

Да, все папки создать

guyasyou писал(а):Да, все папки создать

все отлично,все получилось!!!еще раз премного благодарен!

и еще если можно вопросик,как убрать ненужное расстояние например как это

это уже в шаблоне...
Надо переопределить шаблон:
1. копируем папку \concrete\themes\elemental и вставляем в \application\themes
2. Надо переписать namespace в \application\themes\elemental\page_theme.php
заменить это

Код: Выделить всё

namespace Concrete\Theme\Elemental;

на это

Код: Выделить всё

namespace Application\Theme\Elemental;

3. Выдал ошибку .less, там тоже путь переписать в файле \application\themes\elemental\css\main.less

Код: Выделить всё

@import "../../../css/build/core/include/mixins.less";

заменить на это

Код: Выделить всё

@import "../../../../concrete/css/build/core/include/mixins.less";

В будущем могут быть ошибки связанные с абсолютными путями в шаблоне, увидете, думаю сами пофиксите.

4. Чистим кэш на всякий случай, по адресу /index.php/dashboard/system/optimization/clearcache

Должно пахать уже с новой папки.

Потом идем в \application\themes\elemental\elements\footer.php
и там видим код , который выводит тот ненужный элемент

Код: Выделить всё

<?php if ($displayFirstSection) { ?>
        <section>
            <div class="container">
                <div class="row">
                    <div class="col-sm-9">
                        <?php
                        $a = new GlobalArea('Footer Site Title');
                        $a->display();
                        ?>
                    </div>
                    <div class="col-sm-3">
                        <?php
                        $a = new GlobalArea('Footer Social');
                        $a->display();
                        ?>
                    </div>
                </div>
            </div>
        </section>
    <?php } ?>

В будущем, все правки спокойно делайте в \application\themes\elemental\, это теперь ваш шаблон и он не будет переписан при обновлении

OFFTOPIC: Меня всегда умиляет, когда люди берут дефолтный шаблон и начинают его пытаться приспосабливать к своим нуждам с разной степенью успешности. Почему не сделать полностью свой шаблон, такой, который точно соответствует решаемой задаче?

К тому же Элементаль довольно сложный для понимаения новичком.
Я когда был новичком не умел писать свои шаблоны. Я качал из маркетплейса наиболее близкий к желаемому и переделывал))