奇新CMS/sidebar网页代码及样式:修订间差异
来自站长百科
Spider.flynn(讨论 | 贡献) (新页面: {{奇新CMS导航}} <nowiki><div id="sidebar"></div></nowiki>页面侧边栏定义 代码如下: <pre> <div id="sidebar"> <div class="sidebar_h"></div> <div class="sidebar_...) |
Spider.flynn(讨论 | 贡献) 无编辑摘要 |
||
第25行: | 第25行: | ||
==参考来源== | ==参考来源== | ||
*http://cms.zfqjava.com.cn/archive/article/1/article-1677.html | *http://cms.zfqjava.com.cn/archive/article/1/article-1677.html | ||
[[category:奇新CMS| | |||
[[category:奇新CMS|S]] | |||
{{奇新CMS使用手册导航}} | {{奇新CMS使用手册导航}} |
2011年6月13日 (一) 16:05的最新版本
<div id="sidebar"></div>页面侧边栏定义
代码如下:
<div id="sidebar"> <div class="sidebar_h"></div> <div class="sidebar_b"><!--box2内容--></div> <div class="sidebar_f"></div> </div>
CSS样式示例:
#sidebar{float:left;width:220px;position:relative;height:1%;margin:0 0 10px} .sidebar_h {height:11px;width:220px;background:url(images/side_top.jpg) no-repeat 0 0;} .sidebar_b{width:200px;background:#e9f4f8;padding:2px 10px 10px;_width:220px;} .sidebar_f {height:11px;width:220px;background:url(images/side_bot.jpg) no-repeat 0 0;}
说明:.sidebar_h{}, .sidebar_b{}, .sidebar_f{}根据页面布局需要灵活添加样式。