如何从零开始在 cakephp 布局中添加侧边栏?
How to add a sidebar in a cakephp layout, from zero?
我正在研究 Cake 2.7.5,但我真的是新手。
我需要在我的 cakephp 布局中创建一个静态侧边栏来显示用户的菜单操作。 (管理员和标准用户之间的菜单内容没有区别)。
刚开始我只把菜单选项放在页眉显示"inline",现在选项太多没有了space,这是因为我需要把它们显示在左侧作为列表的布局。
我想我只需要在 default.ctp
布局中添加代码,但是,我不知道 HTML 元素和 CSS 类 必须创建什么。我想 cake.generic.css
包含我需要的标签选择器。
欢迎任何想法,谢谢(抱歉我的英语有限)。
将此代码放入您的布局中
<style>
.leftMenu{
width:30%;
float:left;
}
.leftMenu ul{
list-style-type:none;
}
a{
text-decoration:none;
}
</style>
<div class="leftMenu">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
或者您可以将此代码放在元素中并调用元素
<?php echo $this->element('sidebar');?>
我正在研究 Cake 2.7.5,但我真的是新手。
我需要在我的 cakephp 布局中创建一个静态侧边栏来显示用户的菜单操作。 (管理员和标准用户之间的菜单内容没有区别)。 刚开始我只把菜单选项放在页眉显示"inline",现在选项太多没有了space,这是因为我需要把它们显示在左侧作为列表的布局。
我想我只需要在 default.ctp
布局中添加代码,但是,我不知道 HTML 元素和 CSS 类 必须创建什么。我想 cake.generic.css
包含我需要的标签选择器。
欢迎任何想法,谢谢(抱歉我的英语有限)。
将此代码放入您的布局中
<style>
.leftMenu{
width:30%;
float:left;
}
.leftMenu ul{
list-style-type:none;
}
a{
text-decoration:none;
}
</style>
<div class="leftMenu">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
或者您可以将此代码放在元素中并调用元素
<?php echo $this->element('sidebar');?>