Yii (резиновый сайт)

Если вам надоела статика вашего сайта, Можно растянуть его на всю страницу.
Лезем в layouts/column2
здесь видим примерно следующее

<?php $this->beginContent('//layouts/main'); ?>
<div class="container">
    <div class="span-24">
        <div id="content">
            <?php echo $content; ?>
        </div><!-- content -->
    </div>
    <div class="span-5 last">
        <div id="sidebar">


вот эти классы и отвечают за размер колонок.

Большинство настроек css лежит в css\screen.css
Находим

/* grid.css */
.container {width:950px;margin:0 auto;} 


- это общая ширина страницы.
Ставим

.container {width:100%;margin:0 auto;}

Ниже находим свои стили

.span-5 {width:190px;}

меняем на

.span-5 {width:150px;float:left;}

для  <div class="span-5 last">
можно определить свое свойство

lastleft  

тогда для <div class="span-5 lastleft">

.lastleft {left: 15px;position: absolute; }

а

.span-24 {width:950px;margin-right:0;}

на

.span-24 {width:90%;margin-left:150px;}

Вот вроде и все - ваш сайт растянут на всю страницу


Кстати одно или двухколоночную композицию устанавливаем в контролере

class SiteController extends Controller
{
    public $layout = '//layouts/column2'; 
\\2 колонки

Комментарии

  1. Никогда не изменяйте код фреймворка!!! Что мешает переопределить классы в другой таблице стилей??

    ОтветитьУдалить

Отправить комментарий

Популярные сообщения из этого блога

Пишем логи на C# (.NET). Легкий способ.

Учебник yii2