View Full Version : راهنمایی راجع به layout
  
mah.tab
پنج شنبه 30 مرداد 1393, 21:08 عصر
من میخوام یک همچین شکلی داشت باشه سایتم، میشه لطفا راهنماییم کنید که این کاد رو در کدوم قسمت قرار بدم 
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span2">
               <!--Sidebar number1, mohtaviat column1-->
            </div>
            <div class="span8">
            <!--Body content, mohtaviat asli ke dar column2 hast-->
            </div>
            <div class="span2">
               <!--Sidebar number2, mohtaviat column3-->
            </div>
        </div>
    </div>
MMSHFE
جمعه 31 مرداد 1393, 09:12 صبح
بیشتر توضیح بدین. محتوای سه ستون شما با هم فرق میکنه؟ یعنی Sidebarهای چپ و راست ثابت هستن یا اونها هم توی ویوهای مختلف فرق میکنن؟
mah.tab
جمعه 31 مرداد 1393, 12:17 عصر
بیشتر توضیح بدین. محتوای سه ستون شما با هم فرق میکنه؟ یعنی Sidebarهای چپ و راست ثابت هستن یا اونها هم توی ویوهای مختلف فرق میکنن؟
بله  استاد شهرکی، یعنی محتوای سه تا ستون باهم فرق میکنه، ولی سایدبارهای چپ و راست ثابت هستند و در ویوهای مختلف تغییر نمیکنند.
MMSHFE
جمعه 31 مرداد 1393, 12:28 عصر
1- فایل protected/components/Controller.php :
class Controller extends CController
{
    public $layout='/layouts/column3';
    // ...
}
2- فایل protected/views/layouts/column3.php :
<?php $this->beginContent('//layouts/main'); ?>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
           <!--Sidebar number1, mohtaviat column1-->
        </div>
        <div class="span8">
        <?php echo $content; ?>
        </div>
        <div class="span2">
           <!--Sidebar number2, mohtaviat column3-->
        </div>
    </div>
</div>
<?php $this->endContent(); ?>
3- فایل protected/views/layouts/main.php :
<!DOCTYPE html>
<html>
  <head>
        <title><?php echo CHtml::encode(Yii::app()->name); ?></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="<?php echo Yii::app()->request->baseUrl; ?>/css/bootstrap.min.css" rel="stylesheet" media="screen" />
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <?php echo $content; ?>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="<?php echo Yii::app()->request->baseUrl; ?>/js/bootstrap.min.js"></script>
    </body>
</html>
البته محتوای صفحه اصلی، قالب پیشفرض Bootstrap هست و اگه محتوای صفحه اصلی شما فرق میکنه، همونو بگذارین و فقط جایی که میخواین محتوای اصلی چاپ بشه ;echo $content رو اضافه کنید.
mah.tab
جمعه 31 مرداد 1393, 16:54 عصر
1- فایل protected/components/Controller.php :
class Controller extends CController
{
    public $layout='/layouts/column3';
    // ...
}
2- فایل protected/views/layouts/column3.php :
<?php $this->beginContent('//layouts/main'); ?>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
           <!--Sidebar number1, mohtaviat column1-->
        </div>
        <div class="span8">
        <?php echo $content; ?>
        </div>
        <div class="span2">
           <!--Sidebar number2, mohtaviat column3-->
        </div>
    </div>
</div>
<?php $this->endContent(); ?>
3- فایل protected/views/layouts/main.php :
<!DOCTYPE html>
<html>
  <head>
        <title><?php echo CHtml::encode(Yii::app()->name); ?></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="<?php echo Yii::app()->request->baseUrl; ?>/css/bootstrap.min.css" rel="stylesheet" media="screen" />
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <?php echo $content; ?>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="<?php echo Yii::app()->request->baseUrl; ?>/js/bootstrap.min.js"></script>
    </body>
</html>
البته محتوای صفحه اصلی، قالب پیشفرض Bootstrap هست و اگه محتوای صفحه اصلی شما فرق میکنه، همونو بگذارین و فقط جایی که میخواین محتوای اصلی چاپ بشه ;echo $content رو اضافه کنید.
استاد تا اینجاشو کرده بودم، اون قسمت وسط میاد، مشکل اینه که سایدبارها حالا نمیدونم چجوریی نمایش بدم،
MMSHFE
شنبه 01 شهریور 1393, 22:53 عصر
فکر نمیکنم کامل همه کارهایی که گفتم رو انجام داده باشین چون اگه کامل انجام شده باشه، متحوای Sidebarها رو باید توی column3.php تنظیم کنید و دیگه باید توی همه صفحات ظاهر بشن. اگه مشکل برطرف نشد توی پیام خصوصی تیم ویور بدین مشکل رو روی سیستمتون برطرف کنم.
 
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.