Чтение RSS каналов

Статьи

Статьи

Категории

Устройство
Устройство
Обучающее руководство
Темы
Темы
Оформление и компоненты дизайна
Модули
Модули
Использование и изготовление модулей
Блоки
Блоки
Использование и изготовление блоков
Документация
Документация
Описание функций и модулей
Информация
Информация
Полезная информация для администратора

Общее количество: 58 страниц в 8 категориях

Блоки слева, левые и правые блоки - Мод для стандартной темы

Оформление и компоненты дизайна
Для тех кто не умеет или кому лениво сделать самому, предлагаю два варианта модификации шаблона SLAED CMS 6.2 Pro. Просто блоки слева или одновременное отображение левых и правых блоков. Инструкция предназначена для тех кто уже редактировал стандартную тему оформления CMS.


Блоки слева
Чтобы получить блоки слева - в temlates/default/css редактируем файл theme.css.

Находим:
/* Content */
#container { padding: 50px 370px 50px 0; height: 1%; }
#content { float: left; width: 100%; }
#content img { width:auto; height:auto; max-width:initial; }
#sidebar { float: right; width: 320px; padding-left: 50px; margin-right: -370px; }
#sidebar .block:last-child { margin-bottom: 0; }


и заменяем на:
/* Content */
#container { padding: 50px 0 50px 370px; height: 1%; }
#content { float: left; width: 100%; }
#content img { width:auto; height:auto; max-width:initial; }
#sidebar { float: left; width: 320px; padding-right: 50px; margin-left: -370px; }
#sidebar .block:last-child { margin-bottom: 0; }


в temlates/default редактируем файл index.html.

Находим:
<div id="container" class="clrfix">
			<section id="content">
				{%BLOCKS message%}
				{%BLOCKS center%}
				{%MODULE%}
				{%BLOCKS down%}
			</section>
			<aside id="sidebar">
				{%BLOCKS right%}
			</aside>
		</div>


и заменяем на:
<div id="container" class="clrfix">
			<aside id="sidebar">
				{%BLOCKS left%}
			</aside>
			<section id="content">
				{%BLOCKS message%}
				{%BLOCKS center%}
				{%MODULE%}
				{%BLOCKS down%}
			</section>
		</div>


Левые и правые блоки одновременно
Немного уменьшил ширину блоков и сделал масштабируемую вёрстку. Желающие могут выставить требуемую фиксированную ширину страницы вместо стандартных 1100 px.

Чтобы получить блоки слева и справа - в temlates/default/css редактируем файл theme.css.

Находим:
/* Content */
#container { padding: 50px 370px 50px 0; height: 1%; }
#content { float: left; width: 100%; }
#content img { width:auto; height:auto; max-width:initial; }
#sidebar { float: right; width: 320px; padding-left: 50px; margin-right: -370px; }
#sidebar .block:last-child { margin-bottom: 0; }


и заменяем на:
/* Content */
#container { padding: 20px 270px 20px 270px; height: 1%; }
#content { float: left; width: 100%; }
#content img { width:auto; height:auto; max-width:initial; }
#sidebarl { float: left; width: 250px; padding-right: 0px; margin-left: -270px; }
#sidebarl .block:last-child { margin-bottom: 0; }
#sidebarr { float: right; width: 250px; padding-left: 0px; margin-right: -270px; }
#sidebarr .block:last-child { margin-bottom: 0; }


Находим:
.wrp { margin: 0 auto; width: 1100px; }


и заменяем на:
.wrp { margin: 0 auto; width: 90%; }


в temlates/default редактируем файл index.html
Находим:
<div id="container" class="clrfix">
			<section id="content">
				{%BLOCKS message%}
				{%BLOCKS center%}
				{%MODULE%}
				{%BLOCKS down%}
			</section>
			<aside id="sidebar">
				{%BLOCKS right%}
			</aside>
		</div>


и заменяем на:
<div id="container" class="clrfix">
			<aside id="sidebarl">
				{%BLOCKS left%}
			</aside>
			<section id="content">
				{%BLOCKS message%}
				{%BLOCKS center%}
				{%MODULE%}
				{%BLOCKS down%}
			</section>
			<aside id="sidebarr">
				{%BLOCKS right%}
			</aside>
		</div>


Не забываем после этого выставить позицию Слева или Справа для нужных блоков в админке. Ну, и, конечно же, жмём Ctrl + F5 на своих страницах.

В архиве каталога файлов проекта лежит уже модифицированная, стандартная тема: Мод для стандартной темы - Блоки слева, левые и правые блоки.
4.66
3
Назад

Дополнительно по данной категории

Нет комментариев. Почему бы Вам не оставить свой?
Вы не можете отправить комментарий анонимно, пожалуйста войдите или зарегистрируйтесь.
Хотите опробовать SLAED CMS в действии?

Технологии

PHP MySQL HTML 5 CSS 3 jQuery jQuery UI

Контакты

  • D-49179, Deutschland
    Ostercappeln, Im Siek 6
  • +49 176 61966679

  • https://slaed.net
Идеи и предложения
Обратная связь