站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
用CSS定制样式列表
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==WordPress 1.5 嵌套列表== WordPress 1.5 引入主题功能后,列表的样式也开始根据不同主题风格而发生变化。WordPress中最常见的、同时也是用户们最需要修改的列表,就是侧边栏菜单列表。很多侧边栏选择嵌套列表格式,这里我们就先来了解一下嵌套列表。 首先检查主题目录下的style.css文件。多数WordPress主题用“侧边栏”、“菜单”或“侧边栏菜单”来标记侧边栏菜单区域。于是接下来查找侧边栏模板文件,文件名通常为sidebar.php。下面是一个sidebar.php的样本,与我们的sidebar.php内容可能有所不同,但基本原理是一致的。 < div id="sidebar"> < ul> < li id="search"> <form method="get" id="searchform" action="/wordpress/index.php"> < div> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div></form></li> < li id="pagenav">< h2>Pages</h2> < ul> < li class="page_item"><a href="http://www.examplesite.com/wordpress/?page_id=2" title="About Us">About Us</a></li> < li class="page_item"><a href="http://www.examplesite.com/wordpress/?page_id=4" title="Contact">Contact</a></li> < li class="page_item"><a href="http://www.examplesite.com/wordpress/?page_id=8" title="Site Map">Site Map</a></li> </ul></li> < li>< h2>Archives</h2> < ul> < li><a href='http://www.examplesite.com/wordpress/?m=200502" title='February 2005'>February 2005</a></li> < li><a href='http://www.examplesite.com/wordpress/?m=200501' title='January 2005'>January 2005</a></li> < li><a href='http://www.examplesite.com/wordpress/?m=200412' title='December 2004'>December 2004</a></li> < li><a href='http://www.examplesite.com/wordpress/?m=200411' title='November 2004'>November 2004</a></li> </ul></li> < li>< h2>Categories</h2> < ul> < li><a href="http://www.examplesite.com/wordpress/?cat=47" title="Stories of our life">Stories</a></li> < li><a href="http://www.examplesite.com/wordpress/?cat=48" title="Computer Tips">Computer Tips</a></li> < li><a href="http://www.examplesite.com/wordpress/?cat=6" title="WordPress Tips">WordPress Tips</a></li> < li><a href="http://www.examplesite.com/wordpress/?cat=28" title="Web Page Design Advice">Web Page Design</a></li> </ul></li> </ul> </div> 使用嵌套列表时,如果希望各个列表样式不同,需要在样式表单(style.css)中重建“嵌套”格式。 #sidebar ul {attributes} #sidebar li {attributes} #sidebar ul li {attributes} #sidebar ul ul li {attributes} #sidebar ul ul ul li {attributes} #pagenav {attributes} #pagenav ul {attributes} #pagenav ul li {attributes}ul 第一个样式(#sidebar ul)设定了列表整体外观。ul通常包括页边空白样式和补白样式,有时可能也包括字体类型、色调以及列表整体的其它细节。 '''li''' #sidebar li 规定实际列表项的样式。用户可以决定是否为列表项使用项目符号,也可以更改字体类型、字号、颜色并添加边框。 '''ul li''' <nowiki> #sidebar ul li</nowiki>规定第一个嵌套列表的样式。第一行嵌套列表都在这里进行设计,但如果子列表中含有特定[[CSS]] ID时,用户可以为子列表设置特别样式。在上面的代码中,#search 区块后的第一个嵌套列表是#pagenav。如果用户使用了[http://www.wordpress.la/codex-%E9%A1%B5%E9%9D%A2%E7%9A%84%E5%88%9B%E5%BB%BA%E5%92%8C%E4%BD%BF%E7%94%A8.html 页面]功能,这里就是页面列表所在。 但[http://www.wordpress.la/codex-%E9%A1%B5%E9%9D%A2%E7%9A%84%E5%88%9B%E5%BB%BA%E5%92%8C%E4%BD%BF%E7%94%A8.html 页面]在[http://www.wordpress.la/codex-WordPress%E4%B8%BB%E5%BE%AA%E7%8E%AF.html WordPress主循环]外运行,并经常高亮显示“About Us”、“Contact”、“Site Map”等特定信息,用户可以在#pagenav中输入关于页面样式的特定信息,从而让[http://www.wordpress.la/codex-%E9%A1%B5%E9%9D%A2%E7%9A%84%E5%88%9B%E5%BB%BA%E5%92%8C%E4%BD%BF%E7%94%A8.html 页面]与列表其它部分有所不同。 '''分类''' *分类一 *分类二 **子分类一 **子分类二 *分类三
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)