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 колонки
Лезем в 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 колонки
Никогда не изменяйте код фреймворка!!! Что мешает переопределить классы в другой таблице стилей??
ОтветитьУдалитьотлично. как это сделать?
ОтветитьУдалить