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

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

Если из примера samson, то изменять класс nowblock для каждого блока на свой и менять для него цвет фона в стилях.
mars18 - 7 июля 2015, вторник
Рейтинг:0
#6
mars18
Все отлично!
← [РЕШЕНО] Расстояние в... | Как сделать онлайн... →
Перейти на форум: