Как добавить колонку слева?

голоса: 0
Подскажите пожалуйста, как добавить колонку слева на сайте, вся инофрмация которая находилась была реализована таблицами, а сейчас сайт на флексах.
Адрес сайта logosmezhgorie.my1.ru
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Логос ЗАТО Межгорье
Ответ дан ниже!

Ответов: 1

голоса: 0
  1. Выполните резервное копирование шаблона https://www.ucoz.ru/help/design/rezervnaya-kopiya-shablona Если сломаете что-то сможете восстановить все как было с копии.

  2. Первым делом создайте глобальный блок https://www.ucoz.ru/help/design/globalnye-bloki#anchor-add для блока пропишите название DRIGHTER и жмите кнопку Сохранить.

  3. После пройдитесь по модулях редактор страниц https://logosmezhgorie.my1.ru/panel/design/pages/edit и шаблонах модуля фото http://joxi.ru/1A5Kb3giGKYb8m

Найдите код:

<div id="content" <?if($HIDE_CLEFTER$)?>class="wide-page"<?endif?>>

перед которым добавьте:

<aside> <div id="sidebar">$GLOBAL_DRIGHTER$</div></aside>

должно получиться так:

<aside> <div id="sidebar">$GLOBAL_DRIGHTER$</div></aside>
<div id="content" <?if($HIDE_CLEFTER$)?>class="wide-page"<?endif?>>

и нажмите кнопку Сохранить.

3. Чтобы появилась возможность добавлять блоки как положено в контейнер новый, перейдите в него https://logosmezhgorie.my1.ru/panel/design/globals/edit?id=DRIGHTER и добавьте в самом начале например такой код:

<!-- <block1938> -->
<div class="sidebox">
 <div class="sidetitle"><span><!-- <bt> -->Тестик<!-- </bt> --></span></div>
 <div class="inner">
 <!-- <bc> -->тест текст<!-- </bc> -->
 </div>
 <div class="clr"></div>
 </div>
<!-- </block1938> -->

и сохраните. После обновите главную страницу сайта и проверьте результат.

4. После этого можете пользоваться конструктором и добавлять новые блоки https://www.ucoz.ru/help/start/upravlenie-dizajnom-v-konstruktore#anchor-blocks 

5. Лишь после того как перетянете новый созданный блок и установите перед тестовым который вы вставили кодом в контейнер, тогда тестовый можете удалить или отредактировать (название и содержание) и заменить на нужный.

| Автор:
...