Внимание! Форум временно закрыт. Все вопросы вы можете задать на странице MaxSite CMS в Github

Делаем из Default дизайн 3 колонки

Сборник тем по урокам, подсказкам и описаниям по MaxSite CMS и верстке сайтов.
Аватар пользователя
dignityinside
Модератор
Сообщений: 471
Зарегистрирован: 05 июн 2010, 13:18

Делаем из Default дизайн 3 колонки

Сообщение dignityinside » 09 фев 2012, 09:23

Небольшая инструкция о том, как из default шаблона MaxSite CMS сделать дизайн с 3 колонками и расширить размер сайта до 1200px.

Копируем папку "application/maxsite/templates/default/_create_a_new_template" в "application/maxsite/templates/_create_a_new_template" и меняем имя папки "_create_a_new_template" на любое другое, например: "mytemplate".

Открываем файл "functions.php"

Код: Выбрать все

# регистрируем сайдбары - имя, заголовок.
# если имя совпадает, то берется последний заголовок
mso_register_sidebar('1', t('Первый сайдбар', 'templates'));

и добавляем после:

Код: Выбрать все

mso_register_sidebar('2', t('Второй сайдбар', 'templates'));


Далее создаём файл "sidebars.php" в папки "custom" и вставляем в него:

Код: Выбрать все

<?php if (!defined('BASEPATH')) exit('No direct script access allowed');
   
   echo '<div class="sidebar1"><div class="sidebar1-wrap">';
      mso_show_sidebar('1');
   echo '</div><!-- div class="sidebar1-wrap" --></div><!-- div class="sidebar1" -->';
   echo '<div class="sidebar2"><div class="sidebar2-wrap">';
      mso_show_sidebar('2');
   echo '</div><!-- div class="sidebar2-wrap" --></div><!-- div class="sidebar2" -->';


Далее открываем файл "add_style.css" (css/add_style.css) и добавляем:

Код: Выбрать все

div.all-wrap {width: 1200px;}
div.main {width: 1200px;}
div.header{width:1200px;}
div.sidebar1 {width: 250px; float: left; margin: 20px 0 0 -1190px;}
div.sidebar1-wrap {margin-right: 20px;}
div.sidebar2 {width: 250px; float: left; margin: 20px 0 0 -261px;}
div.sidebar2-wrap {margin-left: 20px;}
div.content {width: 700px; margin: 0 250px 0 250px; float: left;}


Готово! :)
CSS файл можно изменять как вам хочется, я решил расширить сайт в ширину, и не менять особо размер основных div'ов. В итоги мой сайт стал вместо 960px - 1200px. Небольшие проблемы у меня возникли с форматирование div.sidebar1 и div.sidebar2 - но через пару часов :) всё получилось. Я советую с начало попробовать готовый вариант, а потом уже переделать его под себя.

Аватар пользователя
naremonk
Сообщений: 1
Зарегистрирован: 23 ноя 2013, 05:25

техно стиль в интерьере

Сообщение naremonk » 23 ноя 2013, 08:03

На каком-то сайте я уже читал почти такую же подборку инфы, но все равно спасибо


Вернуться в «Полезные уроки о MaxSite CMS и верстке»

Кто сейчас на форуме

Пользователь просматривает форум: нет зарегистрированных пользователей