站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
设置WordPress主题表单样式
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
===查询表单=== 查询表单由 searchform.php创建。本文列出了默认情况下查询表单中可以被设计的区域。用户可以添加各种样式类,从而更好地控制查询表单的整体外观。 < li id="search"> < label for="s">Search:</label> < form id="searchform" method="get" action="/index.php"> < div> < input type="text" name="s" id="s" size="15" /><br /> < input type="submit" value="Search" /> </div> </form> </li> [[Image:Cup-O-Joe-by-callistawolf-searchform 0.png|设置WordPress主题表单样式]] 查询表单的样式存储在WordPress主题的styles.css样式表单文件中。查询表单显示在侧边栏中。尽管查询表单本身出现在label标签后方,但表单仍然属于表格的一部分。根据不同主题开发者的设计需求,查询区域可能包括/或不包括以下内容: [[Image:180px-journalized-winter-theme-search-form 0.png|设置WordPress主题表单样式]] Journalized Winter主题的查询表单 #search 查询表单的整体样式 #search label 必要时可用于设计label标签 #searchform 用于设计表单本身。#searchform 还可定义表单的宽度、背景色、图片、字体、字号以及边框。为表单设置宽度时需要一定技巧。如果形成sidebar.php的某列的宽度是固定的,那么searchform的宽度应小于该列外部容器。若列宽150px,searchform宽度应为146px。若列宽以em为单位,searchform也应以em为单位。 searchform样式中也可加入填充和页边距,但添加时要慎重。如果searchform宽度是146px,填充和页边距的总宽度不能超过4px。 #search div 这是一个未标记的div标签,是父容器search的子容器,可在选择器中进行样式设计。 [[Image:180px-garden-log-theme-search-form 0.png|设置WordPress主题表单样式]] Garden Log主题的查询表单 #searchform input 设计查询表单的输入区时,选择器会起到一定作用。#s的另一种样式参照可以与#searchform input共同使用,也可以替代#searchform input。#searchform input可用来设计背景色、字体、字号、字体颜色以及其它用户需要在输入框中输入的内容。Safari[[浏览器]]无法识别背景色与文本颜色,因此该浏览器中的文本输入框显示为白色,其中的字体则显示为黑色。几乎所有浏览器都支持字体粗细设置和字体类型设置。按百分比设置字体大小是最好的字体选择方式,但不同浏览器的设置会有所不同。 #searchform input样式中也可加入填充和页边距,但添加时同样要慎重。输入框的宽度直接影响到用户输入查询关键字时所占用的空间。输入框宽度要小于侧边栏宽度。 #searchsubmit 用于WordPress的Default主题。可用于设计查询按钮或提交按钮。各个浏览器对按钮的支持方式有显著差异,但我们仍然可以设计出可用的按钮。以下给出一些浏览器的查询按钮示例: [[Image:Macosx-safari-search-button 0.png|设置WordPress主题表单样式]] [[Safari]]浏览器(Mac OS X操作系统) [[Image:Macosx-firefox-search-button.png|设置WordPress主题表单样式]] [[Firefox]]浏览器(Mac OS X操作系统) *除Safari与Camino外,所有浏览器都支持查询表单背景色和文本颜色的设置,但不同浏览器上的按钮会有所不同 *用户在Opera上使用背景色时,Opera会更改查询按钮的形状 *Mac与Win操作系统上的Opera浏览器 、Safari浏览器以及Camino浏览器不支持按钮上的边框设计 *除Safari外,所有浏览器都支持字体粗细设置和字体类型设置 *不推荐用户自行定义按钮宽度,无论用户使用浏览器规定的何种字号,按钮宽度都会与按钮上的文本内容宽度大致相同
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)