Войти ▼

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
artisteer-rus.com
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.
Как создать сообщение на форуме Как создать тему на форуме?

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

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

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)
#4 - 2 июля 2015, четверг
Захожу иногда
mars18
Сообщений: 37
163 дня назад
0
Я все попробую и на выходных отпишу спс заранее!
#5 - 3 июля 2015, пятница
Постоянный участник
alavira
Медаль
Сообщений: 168
139 дней назад
0
mars18:
Вы часто видели в лендингах один блог допустим синий во всю ширину, ниже белый во всю ширину, еще ниже красный во всю ширину вот по такому принципу мне бы хотелось узнать можно ли сделать?

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

Copyright © 2011 - 2018 All Rights Reserved.

Карта сайта

artisteer-rus.com
Статьи joomla
Статьи wordpress
Статьи blogger
Статьи drupal