站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Sandbox
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
=需要测试的其它设计元素= ==Link Examples== ==链接例子== To '''NOT''' show a link in an example which uses a link use <nowiki>: '''不要'''显示例子中的链接,例子使用链接用法<nowiki>: <a title="example" href="<nowiki><nowiki>http://example.com/</nowiki></nowiki>"> <a 标题="例子" href="<nowiki><nowiki>http://example.com/</nowiki></nowiki>"> To create an example link, link to the heading in which that example is being used. If you are in an article called "Using WordPress" and showing an example under the heading "Link Examples", then the example links to the categories would be: 要创建例子链接,链接到使用例子的标头。如果你正在阅读"使用 WordPress",而且显示标头"链接例子"下面的例子,那么类别的例子链接是: <pre>* <nowiki>[[WordPress:#Link_Examples|My Life Stories]]</nowiki> * <nowiki>[[WordPress:#Link_Examples|My Family]]</nowiki> * <nowiki>[[WordPress:#Link_Examples|Sharing]]</nowiki> * <nowiki>[[WordPress:#Link_Examples|Facts and Fiction]]</nowiki></pre> <pre>* <nowiki>[[WordPress:#Link_Examples|我的生活故事]]</nowiki> * <nowiki>[[WordPress:#Link_Examples|我的家庭]]</nowiki> * <nowiki>[[WordPress:#Link_Examples|分享]]</nowiki> * <nowiki>[[WordPress:#Link_Examples|现实和虚幻]]</nowiki></pre> And the results would look like this, using the demonstration code from above (click it and see the effect): 使用上述的示范代码(点击代码,查看结果),结果看起来像: <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px"> * [[WordPress:#Link_Examples|My Life Stories]] * [[WordPress:#Link_Examples|My Family]] * [[WordPress:#Link_Examples|Sharing]] * [[WordPress:#Link_Examples|Facts and Fiction]] </div> <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px"> * [[WordPress:#Link_Examples|我的生活故事]] * [[WordPress:#Link_Examples|我的家庭]] * [[WordPress:#Link_Examples|分享]] * [[WordPress:#Link_Examples|事实和虚幻]] </div> To create the look of an example link, without having it actually behave like a link, you can use the <tt>span</tt> tag combined with underline to style a fake link: 要设置例子链接的外观,使得其不显示为链接,你可以将<tt>span</tt>标签与下划线用在一起,创建伪链接: <pre>See <span style="color:blue"><u>this article</u></span> for more information</pre> <pre>See <span style="color:blue"><u>这篇文章</u></span> 更多信息</pre> <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px"> See <span style="color:blue"><u>this article</u></span> for more information.</div> <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px"> See <span style="color:blue"><u>这篇文章</u></span>更多信息。</div> ==Images Within the Codex== To use images within the Codex: == Codex内的图像== 使用Codex内的图像: <nowiki>[[WordPress:Image:Kubrick_Single.jpg|right|thumbnail|WordPress Default Theme]]</nowiki> [[WordPress:Image:Kubrick_Single.jpg|right|thumbnail|WordPress Default Theme - Single Post Look]]Will create the image floated to the right in a thumbnail with a caption. <nowiki>[[WordPress:Image:Kubrick_Single.jpg|right|thumbnail|WordPress 默认主题]]</nowiki> [[WordPress:Image:Kubrick_Single.jpg|right|thumbnail|WordPress 默认主题 – 单篇文章外观]]会创建带有标题的缩略图,悬浮在右边。 ==Realistic CSS== ==Realistic CSS== When a realistic example is required to show what the usage would look like in a post, use the following as an example - modifying it as needed to change the padding, width, and colors. In general, avoid using font-family references, relying on the default fonts with the Codex in order to avoid font issues with various browsers and computer systems. 当需要真正的例子显示这个用法在文章中产生的效果的时候,将下面的内容作为例子使用-更改这个例子,因为需要更改padding,宽度,和颜色。一般来说,避免使用字体集,要使用Codex中的默认字体,这样可以避免不同的浏览器和电脑系统产生的字体问题。 <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px">Box in which to provide demonstration of what a code looks like when used in the "real world". I can use <span style="color:red; font-weight:bold">spans to style sections</span> and other CSS inline styles to customize the look like for this list: <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px">框中显示了"现实生活"中代码看起来像是怎样的。我可以使用<span style="color:red; font-weight:bold"> spans设计部分和其它的CSS内联样式来自定义这个列表的外观: <ul><li style="color:green; font-variant:small-caps">A List Item in Small Caps</li> <ul><li style="color:green; font-variant:small-caps">用小型大写字母所写的列表内容</li> <li style="color:blue; font-style:italic; font-weight: bold">List Item in Italic and Bold</li> <li style="color:blue; font-style:italic; font-weight: bold">使用斜体和粗体列出内容</li> <li style="color:maroon; font-weight:bold; font-size: 120%">Change Size and Color</li></ul> <li style="color:maroon; font-weight:bold; font-size: 120%">更改大小和颜色</li></ul> There are limits, like you can't recreate a hover, but for the most part, all inline CSS styles can be used on the Codex to recreate a realistic example of what the usage will generate. 这些是限制,就如你不能够重新创建个hover,但是从整体来看,可以在Codex上使用所有的内联CSS样式,重新创建现实例子中的用法。 </div> And the code is this: </div> 代码是: <pre><div style="border:1px solid blue; width:50%; margin: 20px; padding:20px"> <pre><div style="border:1px solid blue; width:50%; margin: 20px; padding:20px"> Box in which to provide demonstration of what a code looks like when used in the "real world". I can use <span style="color:red; font-weight:bold">spans to style sections</span> and other CSS inline styles to customize the look like for this list: <ul> 框内显示了代码在"现实世界"中的外观。我可以使用<span style="color:red; font-weight:bold">spans设计部分</span> 使用其它的CSS inline 样式 自定义这个列表的外观: <ul> <li style="color:green; font-variant:small-caps">A List Item in Small Caps</li> <li style="color:green; font-variant:small-caps">用小型大写字母列出的列表</li> <li style="color:blue; font-style:italic; font-weight: bold">List Item in Italic and Bold</li> <li style="color:blue; font-style:italic; font-weight: bold">用斜体和粗体列出的列表</li> <li style="color:maroon; font-weight:bold; font-size: 120%">Change Size and Color</li></ul> <li style="color:maroon; font-weight:bold; font-size: 120%">更改大小和颜色</li></ul> There are limits, like you can't recreate a hover, but for the most part, all inline CSS styles can be used on the Codex to recreate a realistic example of what the usage will generate.</div></pre> 有一些限制 ,就如你不能够创建hover,但是总体而言,可以在Codex上使用所有的inline CSS样式,重新创建用法在现实生活中使用的例子。</div></pre>
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)