站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress创建水平菜单
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==使用CSS== 默认情况下,列表是以竖直方式显示的,各项目独占一行。每行之前还可以放上一个小图片,即所谓的项目隔点。在你的风格页中,我们需要向navmenu添加一个reference,而第一步就是删除项目隔点,并将列表的边距和间隔调整为0。 #navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; } 如果你保存并上传了风格页,就在你的网页浏览器中刷新一下页面做个测试。现在,如果一切正常的话,就应当能看到列表不再具有项目隔点和缩进了。 这里我们需要使用某种技巧使得此列表呈水平方向显示。我们需要向列表项目自身添加style reference。 #navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #navmenu li {display: inline; } 由于这些是链接,所以我们必须花点时间来清理这些链接的[http://www.wordpress.la/theme.html 外观]。对此列表你可以使用多种手段来进行风格定制,但目前我们要做的是为链接列表添加适当间隔,这样它们就不会挤在一起,然后我们要移除默认的[[链接]]下划线,并修改链接的鼠标悬停色。 #navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #navmenu li {display: inline; padding: 5px 20px 5px 20px} #navmenu a {text-decoration:none; color: blue; } #navmenu a:hover {color: purple; } 现在让我们为水平菜单列表加点料了。看看你能否看出外观方面有什么变化。 #navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #navmenu li {display: inline; } #navmenu ul li a {text-decoration:none; margin: 4px; padding: 5px 20px 5px 20px; color: blue; background: pink;} #navmenu ul li a:hover {color: purple; background: yellow; } 如果我们按照正确方法完成了所有的步骤,那么列表看起来就是下面的样子: [[Image:201003160003.png|WordPress创建水平菜单]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)