如果你觉得本站还不错,为方便下次访问,可以【加入收藏】 最快知道本站更新,请订阅切换到繁體中文
百姓生活网
首页 | 时尚女性 | 家有爱车 | 妈妈宝贝 | 美食厨房 | 亲亲大自然 | 爱上摄影 | 电脑学堂 | 我爱我家 | 健康人生 | 小小书房 | 壁纸下载 | 影视评论 | 学英语 | 商业
养殖 | 种殖 | 产业信息
子 栏 目 导 航: 电脑学堂硬件资讯 软件资讯 网页设计 实战地带 互联八卦 游戏世界
您现在的位置: 百姓生活网 >> 点点滴滴 >> 电脑学堂 >> 网页设计 >> ASP >> 正文
动力3.62CSS样式表全揭密

作者:佚名    文章来源:asp163    点击数:    更新时间:2005-11-25
<!-- Office 2003 风格 by 51dsn-->
<style type="text/css">
BODY
{
margin: 0px;
color: #333333;
background-color: #84BFE9;
background-color: #006699;<!-- 网页背景,网页两边细竖色块--> 
font-family: Verdana, Arial, 宋体;<!-- 字体-->
font-size: 9pt;<!-- 字体大小-->
text-decoration: none;<!-- 字体无下划线,若改成有下划线,改none为underline(下划线)、overline(上划线)、line-through(删除线,即横线通过字中部效果)-->
scrollbar-face-color: #377ED0; <!-- 滚动条主体色,长块和小块的深蓝色-->
scrollbar-shadow-color: #E5EEFD; <!-- 阴影:内右下色-->
scrollbar-highlight-color: #E5EEFD; <!-- 强光:内左上色-->
scrollbar-3dlight-color: #377ED0; <!-- 3D光:外左上色-->
scrollbar-darkshadow-color: #377ED0;<!-- 阴影:外右下色--> 
scrollbar-track-color: #E5EEFD;<!-- 轨道的淡蓝色-->
scrollbar-arrow-color: #E5EEFD;<!-- 箭头的淡蓝色-->
        <!-- 如有兴趣的朋友还可设一条:scrollbar-base-color: #E5EEFD;(基础色)-->
        <!-- 以上为右边网页滑动条效果,包含友情连接、留言栏目的滑动条-->
}
A {text-decoration: none;}<!-- 连接无下划线,若改成有下划线,改none为underline(下划线)、overline(上划线)、line-through(删除线,即横线通过字中部效果)-->
A:link {color: #003399;}<!-- 未访问过的连接色-->
A:visited {color: #003399;}<!-- 已经访问过的连接色-->
A:hover {color: #ff9900;}<!-- MOUSE指向的连接色-->
A:active {color: #ff9900;}<!-- 已经激活的连接色-->
a.Channel:link {color: #ffffff;}
a.Channel:visited {color: #ffffff;}
a.Channel:hover {color: #ff9900;}
a.Channel:active {color: #ff9900;}
<!-- 以上为频道连接字体色,主参照前文修改-->
TD
{
color: #333333;
font-family: Verdana, Arial, 宋体;
font-size: 9pt;
line-height: 150%;
}<!-- 以上为所有单元格设置,可不用修改-->
INPUT
{
font-family: Verdana, Arial, 宋体;<!-- 输入区字体设置-->
font-size: 9pt;<!-- 输入区字体大小设置-->
color: #0560A6;<!-- 输入区字体色设置(深蓝色)-->
border: #7F9DB9 1px solid;<!-- 输入区边框色设置(蓝灰色)--> 
height: 20px;<!-- 输入区高度设置-->
}<!-- 以上为表单输入区设置-->
BUTTON
{
font-family: Verdana, Arial, 宋体;
font-size: 9pt;
color: #0560A6;<!-- 字体色-->
background-color: #fafafa;<!-- 按钮背景色-->
border: #7F9DB9 1px solid;<!-- 边框色-->
height: 20px;<!-- 高度-->
}<!-- 以上为按钮设置-->
SELECT
{
font-family: Verdana, Arial, 宋体;
font-size: 9pt;
color: #0560A6;
border: #7F9DB9 1px solid;
height: 20px;
}<!-- 以上为下拉菜单设置-->
TEXTAREA
{
font-family: Verdana, Arial, 宋体;
font-size: 9pt;
color: #0560A6;
border: #7F9DB9 1px solid;
}<!-- 以上文本输入区属性设置-->
.border
{
background-color: #CEDEFA;<!-- 以上为左边浅蓝色-->
border-right: #bbbbbb 1px solid;<!-- 为左边右方竖下来线条色设置-->
}<!-- 以上为左边属性设置-->
.border2
{
background-color: #E4EEFD;
border: #ff9900 1px solid;
padding: 0px 6px;<!-- 间隙(四个全出现顺序为顶部间隙、右侧间隙、底部间隙、左侧间隙;出现一个,则四个间隙都是这样设置;出现两个以上,按顺序设置)-->
}<!-- 栏目子页相关设置,如搜索单元格,文章列表格等-->
.title_txt
{

}
.title
{

}
.tdbg
{

}
.pic1
{
border: #ff9900 1px solid;<!-- 热门图片黄色边框,若不显示,改1为0-->
padding: 6px;<!-- 间隙--> 
}
.txt_css
{
background-color: #409EDE;
background-image: url(Skin/51dsn03/top_pathbg1.jpg);<!-- 您现在所在的位置背景图片-->
background-repeat: repeat-y;
padding: 2px 8px;<!-- 间隙-->
border-bottom: #bbbbbb 2px solid;<!-- 您现在所在的位置下边灰色线-->
}
.title_lefttxt
{

}
.title_left
{
background-color: #FDDB94;
background-image: url(Skin/51dsn03/title_bg1.gif);<!-- 左边黄色背景图片-->
background-repeat: repeat-x;
border: #7DABE1 1px solid;<!-- 左边黄色背景图片的边框色-->
padding: 0px 6px;<!-- 间隙-->
color: #333333;<!-- 以上为左边图片上的字体色-->
font-weight: bold;<!-- 字体加粗-->
}
.tdbg_left
{
padding: 6px;<!-- 间隙-->
}
.title_left2
{

}
.tdbg_left2
{

}
.tdbg_leftall
{
border-bottom: #ffffff 1px solid;<!-- 左边那条难看的白线,应改1为0就没有了-->
padding: 6px;<!-- 间隙-->
}
.title_maintxt
{

}
.title_main
{
color: #ffffff;
font-weight: bold;
text-align: right;<!-- 文本居右-->
background-image: url(Skin/51dsn03/title_m1.jpg);<!-- 浅蓝色图片-->
background-repeat: no-repeat;
background-position: right;<!-- 背景图片居右-->
border-bottom: #bbbbbb 1px solid;<!-- 首页最新文章栏单元格下边灰线-->
padding: 2px 6px;<!-- 间隙-->
}<!-- 浅蓝色图片,如首页最新文章栏单元格-->
.tdbg_main
{
background-color: #fafafa;<!-- 背景色-->
border-bottom: #bbbbbb 1px solid;<!-- 底部灰色线,改1为0,则无底线-->
padding: 6px;<!-- 间隙-->
}<!-- 以上为最新文章列表、最新论坛论新贴、最新留言、图片更新、文章频道的最新推荐最新热门等列表设置-->
.title_main2
{
color: #ffffff;
font-weight: bold;
text-align: right;
background-image: url(Skin/51dsn03/title_m2.jpg);
background-repeat: no-repeat;
background-position: right;
border-bottom: #bbbbbb 1px solid;
padding: 2px 6px;
}<!-- 橙黄色图片设置,如首页论坛新贴、下载更新(其它设置见.title_main)-->
.tdbg_main2
{
color: #ffffff;
font-weight: bold;
text-align: right;
background-image: url(Skin/51dsn03/title_m3.jpg);
background-repeat: no-repeat;
background-position: right;
border-bottom: #bbbbbb 1px solid;
padding: 2px 6px;<!-- 间隙-->
}<!-- 绿色图片设置,如首页图片更新、最新留言(其它设置见.title_main)-->
.tdbg_mainall
{
padding: 6px;<!-- 间隙-->
}
.title_righttxt
{

}
.title_right
{
background-image: url(Skin/51dsn03/title_r1.gif);<!-- 图片位置-->
background-repeat: no-repeat;
border-right: #cccccc 1px solid;<!-- 单元格右 边线-->
padding: 0px 6px;<!-- 间隙-->
height: 23px;<!-- 单元格高度-->
}<!-- 各页栏目标题栏设置,就是那个左上圆角图片单元格设置-->
.tdbg_right
{
border-left: #cccccc 1px solid;<!-- 单元格左 边线-->
border-right: #cccccc 1px solid;<!-- 单元格右 边线-->
border-bottom: #cccccc 1px solid;<!-- 单元格底 边线-->
padding: 6px;<!-- 间隙-->
}
.title_right2
{
background-color: #C3DAF9;
background-image: url(Skin/51dsn03/title_bg2.gif);
background-repeat: repeat-x;
border: #cccccc 1px solid;
padding: 0px 6px;<!-- 间隙-->
height: 23px;
}
.tdbg_right2
{
background-color: #fafafa;
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
padding: 6px;<!-- 间隙-->
}
.tdbg_rightall
{

}
.topborder
{

}
.nav_top
{
background-color: #377ED0;
background-image: url(Skin/51dsn03/top_channelbg1.jpg);<!-- 顶部频道背景图片位置-->
background-repeat: repeat-y;
padding: 2px 8px;<!-- 间隙-->
color: #ffffff;
text-align: right;
}<!-- 顶部频道-->
.nav_main
{
background-color: #2C92DC;
background-image: url(Skin/51dsn03/top_main01.jpg);<!-- 顶部BANNER位置-->
background-repeat: no-repeat;
height: 60px;<!-- 高度-->
}<!-- 顶部BANNER-->
.nav_bottom
{
background-color: #5197DD;
background-image: url(Skin/51dsn03/bottom_navbg1.jpg);<!-- 底部背景图片位置-->
background-repeat: repeat-y;
border-top: #bbbbbb 1px solid;<!-- 底部上方的那条灰线-->
padding: 2px 8px;<!-- 间隙-->
}<!-- 底部设置-->
.nav_ann
{
border-top: #377ED0 2px solid;<!-- 公告栏上边深蓝色线条-->
background-color: #BFD6F9;<!-- 背景色-->
padding: 2px 8px;<!-- 间隙-->
}<!-- 公告栏设置-->
.nav_menu
{
background-color: #2C92DA;
background-image: url(Skin/51dsn03/top_menubg1.jpg);
background-repeat: repeat-y;
padding: 2px 8px;<!-- 间隙-->
text-align: right;
}<!-- 以上为顶部菜单-->
.menu
{

}
td.MenuBody
{

}
.border_lhb1
{
background-color: #CEDEFA;
border-right: #99CCFF 1px solid;
                border-left: #99CCFF 1px solid;
                border-bottom: #99CCFF 1px solid;
                padding: 6px;
}<!-- 原来设过,这次写这个贴子没找到,请找到的网友补充-->
</style>



注:

.border_lhb1
{
background-color: #CEDEFA;
border-right: #99CCFF 1px solid;
                border-left: #99CCFF 1px solid;
                border-bottom: #99CCFF 1px solid;
                padding: 6px;
}<!-- 原来设过,这次写这个贴子没找到,请找到的网友补充-->
</style>

这个为N级栏目下的《文章列表》表格的CSS。

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
  • 上一篇文章:

  • 下一篇文章:
  • 赞助商链接: | 阅读过这篇文章的网友,同时还还阅读了以下几篇文章:
    页面调用代码
    3.62说明文件+调用函数+CSS样式表
    自由动力3.6版90个问答
    动力3.51前台新加入的文章加上NEW标记代码
    动力网站管理系统获取图片宽高的源码for3.6
    给动力首页添加浮动的按钮
    动力3.51免费Access版文章录入不能超过64K解
    MY动力系统3.51常见问题解答汇集
    动力文章3.51版在首页顶部做成FLASH的方法
    图片无缝滚动修改方法集锦

    本栏目最近更新的图片文章:
    Google

    没有任何图片文章
    网友评论:(只显示最新10条。评论内容只代表网友观点,请注意礼貌用语,与本站立场无关!)

    ©2005 百姓生活网 www.y8u8.com 琼ICP备13000608号 网站地图