站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Creating Admin Themes
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
=== 高级的 CSS 样式 === [[WordPress:Image:admin-rounded-corners.png|right|thumbnail|Rounded Corners]] [[WordPress:Image:admin-rounded-corners.png|right|thumbnail|Rounded Corners]] Sometimes there are places where CSS just cannot achieve the look you want without making modifications to the HTML of the Administration Panels. 有时候,在不更改管理面板HTML的情况下,CSS不能获得你想要的外观。 A popular CSS style is to create rounded corners on "boxes" of content. The technique involves adding divisions or ''wrappers'' to the HTML architecture in order to achieve the effect. Since we really do not want to get into the core Administration Panels to make these changes, which will disappear with the next upgrade, you can use the DOM (Document Object Model). The DOM is a way of dynamically accessing and updating content, structure, and style of documents. 一种受欢迎的CSS样式是要在内容"框"周围创建圆形的角。这种技术包括向HTML结构添加部分或者''wrappers'',以取得效果。因为我们真的不想进入核心的管理面板,做出更改,这样的更改在下一次更新后就会消失,你可以使用DOM(Document Object Model)。DOM是一种方式,用来动态地使用和更新内容,结构以及文档的样式。 In this example, using the [http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/ Transparent Rounded Corners] effect from 456 Berea Street, you can add the Javascript provided on the site to your Admin Theme Plugin, without editing the WordPress source. 在这个例子中,使用来自456 Berea Street的[http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/ Transparent Rounded Corners],你可以将站点上提供的Javascript添加到你的管理主题插件上,不用编辑WordPress源码。 Download the script and save it to your <tt>blue-steel</tt> folder as <tt>javascript.js</tt>. Change the <tt>mr_blue_steel()</tt> function to: 下载脚本,并且将脚本保存到你的<tt>blue-steel</tt> 文件夹作为<tt>javascript.js</tt>。将<tt>mr_blue_steel()</tt>函数更改为: <pre> function mr_blue_steel() { $url = get_settings('siteurl'); $dir = $url . '/wp-content/plugins/blue-steel/'; echo '<link rel="stylesheet" type="text/css" href="' . $dir . 'wp-admin.css" />'; echo '<script type="text/javascript" href="' . $dir .'javascript.js"></script>'; } </pre> <pre> function mr_blue_steel() { $url = get_settings('siteurl'); $dir = $url . '/wp-content/plugins/blue-steel/'; echo '<link rel="stylesheet" type="text/css" href="' . $dir . 'wp-admin.css" />'; echo '<script type="text/javascript" href="' . $dir .'javascript.js"></script>'; } </pre> This script uses a single "hook" (<tt>cbb</tt>) to create many divisions around the container. For this to work, open the Javascript file and change all references of <tt>cbb</tt> to <tt>wrap</tt> to match the <tt>wp-admin.css</tt> standard style references. 这个脚本使用单一的"hook" (<tt>cbb</tt>)在container周围创建许多divisions。要使得这些能够运行,打开Javascript文件并且将所有的<tt>cbb</tt>references更改为<tt>wrap</tt>,以匹配<tt>wp-admin.css</tt>标准样式references。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)