Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Цвет модулей во всю ширину

Как сделать модули, фон во всю ширину
Захожу иногда
mars18
Сообщений: 37
78 дней назад
Доброго времени форумчане и пользователи программы!
Вопрос такого плана:
Шапку header можно сделать во всю ширину, а как сделать чтобы у модулей цвет (беграунд) был во всю ширину?
Поясняю перед footerесть три позиции модуля если память не изменяет 9, 10, 11 в них будет текстовая информация, но надо что бы задний фон модуля был к примеру синий и во всю ширину то есть 100% как и в футоре. Попытки поправить через firebug е принесли результата при попытке сменить фон в них меняется и на боковых(((.
Еще одно дополнение:
Вы часто видели в лендингах один блог допустим синий во всю ширину, ниже белый во всю ширину, еще ниже красный во всю ширину вот по такому принципу мне бы хотелось узнать можно ли сделать?
Захожу иногда
mars18
Сообщений: 37
78 дней назад
Если проблемы с пониманием могу скинуть макет который нарисовал и там все будет понятно
Модератор Постоянный участник
samson
Медаль За активное участие в жизни сайта.
Сообщений: 912
5 дней назад
Сделать можно, только придется руками пилить и продумать как это будет практически.

mars18:
Поясняю перед footerесть три позиции модуля если память не изменяет 9, 10, 11 в них будет текстовая информация, но надо что бы задний фон модуля был к примеру синий и во всю ширину то есть 100% как и в футоре.

Ок. пусть будут 9, 10, 11 позиции показаны здесь:

Скрытый текст виден только зарегистрированным пользователям



1. Макет страницы ВОЗМОЖНО лучше взять тот что стоит по умолчанию у дефолтного шаблона.



Надо что бы все эти позиции оказались за пределами тега страницы art-sheet.
Спойлер
Значит делаем то же самое для всех этих позиций, что и делали здесь для banner1:
Скрытый текст виден только зарегистрированным пользователям


Только выносим в index.php соответственно уже нужные позиции:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


за закрывающий div от страницы art-sheet.

Дальше весь этот вынесенный код:

Код PHP:
  1.  
  2. <?php echo $view->positions(array('position-9' => 33, 'position-10' => 33, 'position-11' => 34), 'art-block'); ?>
  3.  
Заключаем в новый контейнер:

Код PHP:
  1.  
  2. <div class="nowblock">
  3. <?php echo $view->positions(array('position-9' => 33, 'position-10' => 33, 'position-11' => 34), 'art-block'); ?>
  4. </div>
  5.  
Вот теперь для этого нового класса class="nowblock" нужно добавить nowblock в файл стилей .css и прописать свои стили, свою ширину 100%, и свой цвет.

Возможно придется делать два контейнера так:

Код PHP:
  1.  
  2. <div class="nowblock">
  3. <div class="weightblock">
  4. <?php echo $view->positions(array('position-9' => 33, 'position-10' => 33, 'position-11' => 34), 'art-block'); ?>
  5. </div>
  6. </div>
  7.  
То есть для первого блока nowblock устанавливаем ширину 100% и свой цвет.
А для второго блока weightblock устанавливаем ширину СТРАНИЦЫ цвет не задаем, этот блок будет ограничивать что бы позиции не растекались на ширину 100%


Как то так. Так можно добавлять уже новые позиции в шаблон и лепить таких цветных блоков сколько надо.
Главное понять принцип. smile
Редактировалось: 1 раз (Последний: 2 июля 2015 в 11:02)
Захожу иногда
mars18
Сообщений: 37
78 дней назад
Я все попробую и на выходных отпишу спс заранее!
Постоянный участник
alavira
Медаль
Сообщений: 168
26 дней назад
mars18:
Вы часто видели в лендингах один блог допустим синий во всю ширину, ниже белый во всю ширину, еще ниже красный во всю ширину вот по такому принципу мне бы хотелось узнать можно ли сделать?

Если из примера samson, то изменять класс nowblock для каждого блока на свой и менять для него цвет фона в стилях.
Захожу иногда
mars18
Сообщений: 37
78 дней назад
Все отлично!
|
Перейти на форум: