使用主题来自动包装控件样式
管理网站可以直接使用这种主题,很方便。
建立一个主题文件夹,css代码如下:
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
}
.TableBG
{
background-color: #cccccc;
}
.ItemStyle
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
line-height: 20px;
}
.AlternateItemStyle {
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
line-height: 15pt;
font-weight: normal;
color: #000000;
background-color: #F1F7FC;
}
.HeaderStyle
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
line-height: 15pt;
font-weight: bold;
color: #FFFFFF;
background-image: url(images/tile_back.gif);
text-align:center;
}
.FooterStyle {
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
line-height: 15pt;
font-weight: normal;
color: #000000;
background-image: url(images/tile_sub.gif);
text-align:center;
}
a
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
text-decoration: none;
cursor: hand;
}
a:hover
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
color: #4083D5;
text-decoration: none;
cursor: hand;
background-color: #FFFFFF;
}
a.a2
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
cursor: hand;
}
a.a2:hover
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: bold;
color: #4083D5;
text-decoration: none;
cursor: hand;
background-color: #FFFFFF;
}
.TextBox
{
onfocus:expression(οnfοcus=function (){this.style.borderColor ='#4083D5';});
onblur: expression(οnblur=function (){this.style.borderColor='#CCCCCC';});
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
color: #000000;
border: 1pt solid #CCCCCC;
height: 18px;
}
.Button
{
onmouseover:expression(οnmοuseοver=function (){this.style.color='#0a246a';});
onmouseout: expression(οnmοuseοut=function (){this.style.color='#000000';});
height: 18pt;
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
}
.DropDownList
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
}
.ListBox
{
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
}
.CheckBoxList
{
padding: 4px;
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
border: 1pt solid #CCCCCC;
color: #000000;
}
.RadioButtonList
{
padding: 4px;
font-family: Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
font-size: 9pt;
font-weight: normal;
border: 1pt solid #CCCCCC;
color: #000000;
}
skin文件代码如下:
<asp:Button runat="server" CssClass="Button"/>
<asp:DropDownList runat="server" CssClass="DropDownList"/>
<asp:ListBox runat="server" CssClass="ListBox" />
<asp:CheckBoxList runat="server" CssClass="CheckBoxList" />
<asp:RadioButtonList runat="server" CssClass="RadioButtonList" />
<asp:GridView runat="server" CssClass="TableBG" BorderWidth="0" CellPadding="5" CellSpacing="1">
<RowStyle CssClass="ItemStyle" />
<AlternatingRowStyle CssClass="AlternateItemStyle" />
<PagerStyle CssClass="FooterStyle" />
<HeaderStyle CssClass="HeaderStyle" />
</asp:GridView>
完整主题文件夹下载:点击这里下载
转载于:https://www.cnblogs.com/lovecherry/archive/2007/08/19/861566.html
使用主题来自动包装控件样式相关推荐
- 源码推荐:仿写映客直播 ,快速切换主题 ,星星评分控件,表格样式,可以横向移动的表格, 仿微信键盘-
仿写映客直播(上传者:五仁月饼) 工作之余写的,基于IJKPlayer播放,对内存做了处理.目前已完成直播列表和直播间的搭建,后续还会慢慢完善. 项目地址 publishImageAndVideoAn ...
- android学习笔记---50_样式与主题,给控件使用样式,给应用使用主题
50_样式与主题 android学习笔记---50_样式与主题,给控件使用样式,给应用使用主题 2013/5/12 50_样式与主题 ----------------- android样式和主题(st ...
- WPF Calendar 日历控件 样式自定义
原文:WPF Calendar 日历控件 样式自定义 粗略的在代码上做了些注释 blend 生成出来的模版 有的时候 会生成 跟 vs ui界面不兼容的代码 会导致可视化设计界面 报错崩溃掉 但是确不 ...
- 共享几套silverlight2 toolkit最新的皮肤控件样式下载
下载了最新的silverlight2 toolkit看看,发现里面的控件样式还是多漂亮的,与大家分享下. blue dark light orange purple red 样式源码下载:点击下载 当 ...
- arcgis api for js共享干货系列之二自定义Navigation控件样式风格
arcgis api for js默认的Navigation控件样式风格如下图: 这样的风格不能说不好,各有各的爱好,审美观,这里也不是重点,这里的重点是如何自定义一套自己喜欢的样式风格呢:自己自定义 ...
- wpf控件样式管理示意图
原文:wpf控件样式管理示意图
- Qt 常用控件样式表及遇到的问题
Qt界面美化常用到样式表,用好样式表能达到不一样的效果. 样式表用法 常用控件样式表用法如下: /**********子界面背景**********/ QWidget#customWidget {ba ...
- MUI框架-03-自定义MUI控件样式
MUI框架-03-自定义MUI控件样式 开发请查阅:官方文档:http://dev.dcloud.net.cn/mui/ui/ 如何自定义MUI控件样式 mui 以 iOS 7的 UI 为基础,补充了 ...
- 微信小程序 - 音频播放进度条和点击拖动的控制,支持自定义音乐播放控件样式布局(wx.createAudioContext)解决各种 InnerAudioContext.onTimeUpdate不执行
前言 网上有很多关于 InnerAudioContext.onTimeUpdate 不执行.失效的问题,都导致播放进度条无法做了,本文完美解决. 本文实现了 自定义播放音频控件样式,且支持播放进度条显 ...
最新文章
- 安装和部署Exchange Server 2007
- pythonexcel汇总_用python汇总excel表格数据-怎样用python遍历表格中的内容
- 关于windowsx.h的介绍
- [Jarvis OJ - PWN]——[XMAN]level3
- mysql--------四种索引类型
- win10共享打印错误0x0000006_Win7打印机无法共享提示错误代码0x000006d9的解决方法...
- qTip Style
- 一款简洁大气的个人主页源码
- CAM350 使用,典型做钢网
- SubSonic 安装与使用
- 隐藏在浏览器背后的“黑手”
- ELK入门使用-与springboot集成
- FFmpeg将多张图片合成视频
- 计算机一级登录密码忘了怎么办,电脑密码忘了怎么办
- 【新型密集采样网络:遥感超分】
- 数据结构——单向链表
- pt-table-checksum使用总结
- MIME类型 swfupload 及 php
- 二级题库(C语言)------ 第二套题
- Jeesite 4.0 学习笔记
热门文章
- python函数设置默认参数_深入讲解Python函数中参数的使用及默认参数的陷阱
- 依存可视化︱Dependency Viewer——南京大学自然语言处理研究组
- php扩展可以通过pecl 或者phpize 安装
- 移植交叉编译pcDuino + busybox 成功搭建最小linux系统
- 基于WinSvr2012共享文件夹的Hyper-V实时迁移之二文件服务器及迁移用虚拟机的创建...
- 关于我小孩的教育意见
- 轻松实现Web数据库的安全
- 深入学习 Redis(1):Redis 内存模型
- IIS和Tomcat共用80端口的解决方案
- 基于 POI 封装 ExcelUtil 精简的 Excel 导入导出