备份一下激战模板，重新做了一个女生喜欢的田野风格

双击文本自动滚屏 | 字号: 大中小

激战模板代码
以下是代码:


html{
scrollbar-arrow-color: #DEBC7C; /*三角箭头的颜色*/
scrollbar-face-color: #000000; /*立体滚动条的颜色*/
scrollbar-3dlight-color: #644D23; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #000000; /*滚动条空白部分的颜色*/
scrollbar-shadow-color: #666666; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #999999; /*立体滚动条强阴影的颜色*/
scrollbar-track-color: #25190D; /*立体滚动条背景颜色*/
scrollbar-base-color:#25190D; /*滚动条的基本颜色*/
}
body{/*filter:alpha(opacity=80)
); IE
-moz-opacity:0.8; Moz + FF
opacity: 0.8;*/ /* 支持CSS3的浏览器（FF 1.5也支持）*/
background: #25190D url(http://attachment.duowan.com/717/1741/test-4658ead5e-cc6cd.jpg) no-repeat top; /*背景*/
/*background-attachment:fixed;*/
color:#DEBC7C; /* 默认字体颜色 */
}/* "filter:alpha(opacity=70);"设置通明度 */

a:link {COLOR: #DEBC7C; text-decoration: none;}/* 默认连接颜色 *//*删除 text-decoration: none; 显示连接下划线 */
a:visited {COLOR: #DAB46D; text-decoration: none;}/* 默认连接被点击后颜色 */
a:hover {color: #EBD6AF; text-decoration: underline;}/* 默认鼠标移入颜色 */
a:active {COLOR: #CF9E41; text-decoration: none;}/* 默认鼠标点住连接时颜色 */

#login a{color: #DEBC7C;}/* "退出"文字颜色 */
#login a:hover {color: #FFD700;}/* "退出"鼠标移入文字颜色 */

/* 导航菜单 */
#nav { margin-top: 205px; overflow: hidden;
width: 902px;height: 55px;border: 0px solid #c7c1b7; background: none;}
#nav .lt,#nav .rt,#nav .lb,#nav .rb{ background-image:none;}/* 导航菜单圆角图片,可自行修改颜色,去除圆角设置"background-image: none;" */
#nav .nav a{ color:#DEBC7C; }/* 1行菜单文字 */
#nav .nav a:hover{ color:#EBD6AF;text-decoration: underline;}/* 1行菜单文字-鼠标移入 */
#nav .nav li{background: url(http://attachment.duowan.com/713/1737/test-4658e1f11-cc6c9.gif) right 0 no-repeat;}/* 分割符 */
nav .select { height: 36px; margin-top: 5px;}
#nav .nav .select { font-weight: bold; padding: 0 2px 0 0 ; }
#nav .nav .select a{background:none; margin-top: -11px;color: #DEBC7C}/* 1行突出选项 */
#nav .nav .select a:hover{background:none; color:#EBD6AF;}/* 1行突出选项-鼠标移入 */
#nav .nav .select a{background: url(http://attachment.duowan.com/707/1731/test-4658d5316-cc6c3.gif) no-repeat; }/* 1行突出选项 */
#nav .nav .select a:hover{background: url(http://attachment.duowan.com/707/1731/test-4658d5316-cc6c3.gif) no-repeat; color:#ECD8B2;}/* 1行突出选项-鼠标移入 */
#nav .navsub a{ color:#DEBC7C;}/* 2行文字 */
#nav .navsub li{background: url(http://attachment.duowan.com/713/1737/test-4658e1f11-cc6c9.gif) right 0 no-repeat;}
#nav .navsub .select a{color: #DEBC7C}/* 2行突出选项 */
#nav .navsub a:hover { color: #EBD6AF}/* 2行文字-鼠标移入 */
#header { width: 920px;}
#login{width: 320px;}
/* 外壳 + 布局 */
/*.wrap-h { margin: 0; width: 900px; height: 200px; border: 0px solid #4D3E19; background: url(img/toppic.jpg) ;}/* 自定义头部图片 */
.wrap {width: 900px; border: 0px solid #4D3E19;margin: 0 auto; background:none; }/* 主体 */
.side { width: 290px; float: left; padding: 0;}
.main { width: 600px; float: right; padding: 0;}
/*.side { width: 290px; float: right; padding: 0 10px 0 0; }*/
/*.main { width: 580px; float: left; padding: 0 0 0 10px;}*//* 左右位置可调换,调换取消注释符号 */

.wrap-b { height: 8px; margin: 0 auto; width: 900px; border: 0px solid #4D3E19;background:none; overflow: hidden;}/* 自定义底部图片 */

/* 个人信息 */
/*.my-info-h {background: Blue url(../img/my-info-h.gif); width: 290px; height: 17px; }/* 个人信息头图-可选择性定义 */
.my-info { background: none; border: 0px solid #3D2712; color: #EBD6AF;}/* 个人信息主体背景和边框 */
.my-name { background: none; height: 15px; padding: 8px 10px 5px 10px; font-size:14px; font-weight: bold; color: #DEBC7C;}/* 姓名 */

/* .my-profile {margin-left: 5px; width: 90px; float: left;display: inline; }/* 个人说明 */
/* .my-photo { float: right; width: 170px; margin: 10px; display: inline;}/* 形象图 */
.my-photo img { padding: 1px ; border: 1px solid #6E512F; background: #000; margin:10px; }/* 图片内间距,边框,背景 *//* 个人说明和形象图可左右调换位置,调换位置后设置本行margin:0; */
.my {border-top: 1px solid #6E512F; }/* 分割线 */

/* 加我为好友,给我发信 */
.add-me {border: 1px solid #6E512F; background: #000 url(http://attachment.duowan.com/722/1746/test-4658f4819-cc6d2.gif) no-repeat 8px center; float: left; }
.send-me {border: 1px solid #6E512F; background: #000 url(http://attachment.duowan.com/723/1747/test-4658f876c-cc6d3.gif) no-repeat 8px center; float: right;}/* 设置float属性更换左右位置,可自定义小图标 */

/* 所在公会 */
#guild { background: #1B1209; border: 0px solid #111; }/* 背景,边框 */
#guild h2 { font-size:16px; color: #DEBC7C; height: 20px;}/* 标题文字 */
#guild .content {color: #EBD6AF; border-top: 1px solid #402B15; border-bottom: 5px solid #402B15;}/* 说明文字,上下间隔 */
/*#guild .logo { float: right; margin:0; } /* 公会logo */
/*#guild .text { width: 175px; float: left;}/* 公会说明 *//* logo与说明可左右换位 */

/* 游戏历程 */
#history { background: #1B1209; border: 0px solid #246988; }/* 背景,边框 */
#history h2 { font-size:16px; color: #DEBC7C; }/* 标题文字 */
#history .content { color: #EBD6AF; border-top: 1px solid #402B15; }/* 说明文字,上间隔 */
#history .text { border-bottom: 5px solid #402B15;}/* 间隔 */

/* 我的故事 */
#about {background: none; width: 580px;}/* 背景 */
#about h2 { font-size:16px; color: #DEBC7C;border-bottom: 1px solid #6E512F;}/* 标题文字 */
#about .content { color: #EBD6AF;}/* 内容文字 */

/* flash */
.flash-foto { background:none; }

/*随笔*/
#jottings {background: none;width: 580px; overflow: hidden;}/* 背景 */
#jottings img { width: 450px;}/* 图片 */
#jottings h2 {font-size:16px; color: #DEBC7C; border-bottom: 1px solid #6E512F;}/* 标题文字 */
#jottings .j-content {color: #EBD6AF;}/* 内容文字 */
#jottings .time{ color:#FFD700; font-size:10px; }/* 时间 */
#jottings .jotting { border-bottom: 1px solid #6E512F; }/* 间隔 */
#jottings .jotting a,#jottings .jotting1 a{ color:#DEBC7C; }/* 文章标题 */
#jottings .jotting a:hover,#jottings .jotting1 a:hover{ color:#FFE131; text-decoration: underline; }/* 标题鼠标移入 */

/*连环闪*/
#mylhh {background: none; overflow: hidden; }/* 背景 */
#mylhh h2 {font-size:16px; color: #DEBC7C; border-bottom: 1px solid #6E512F;}

/* 我的朋友 */
#friends {background: none; overflow: hidden;}/* 背景 */
#friends h2 {font-size:16px; color: #DEBC7C; border-bottom: 1px solid #6E512F;}/* 标题文字 */
#friends .content { color: #EBD6AF;}/* 内容 */
#friends ul a{ color: #EBD6AF; text-decoration: none;}/* 好友名称 */
#friends ul a:hover{ color: #EBD6AF; text-decoration:underline;}
#friends li img { border: 2px solid #6E512F; padding: 1px}/* 好友图片边框 */

/* comment */
#comment { background: none; overflow: hidden;}/* 背景 */
#comment h2 {font-size:16px; color: #DEBC7C; border-bottom: 1px solid #6E512F;}/* 标题文字 */
#comment .content { color:#EBD6AF;}/* 留言top */
#comment table,#comment td { border: 1px solid #6E512F; }/* 边框 */
#comment table .f-name img { border: 1px solid #6E512F; padding: 1px;}/* 图片边框 */
#comment table .f-comment { width: 420px ; color: #EBD6AF; }/* 内容 */

#footer { height: 75px; margin: 0 auto; width: 100%;background: url(http://attachment.duowan.com/720/1744/test-4658f08b1-cc6d0.jpg) no-repeat top; }

body {CURSOR: url('http://www.highwind.com.cn/dkp/Images/001.cur')}

现在的田野风格

以下是代码:

html{
scrollbar-arrow-color: #DEBC7C; /*三角箭头的颜色*/
scrollbar-face-color: #000000; /*立体滚动条的颜色*/
scrollbar-3dlight-color: #644D23; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #000000; /*滚动条空白部分的颜色*/
scrollbar-shadow-color: #666666; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #999999; /*立体滚动条强阴影的颜色*/
scrollbar-track-color: #25190D; /*立体滚动条背景颜色*/
scrollbar-base-color:#25190D; /*滚动条的基本颜色*/
}
body{/*filter:alpha(opacity=80)
); IE
-moz-opacity:0.8; Moz + FF
opacity: 0.8;*/ /* 支持CSS3的浏览器（FF 1.5也支持）*/
background: #f0f9c9 url(http://www.duowan.com/himg/1175053162546.jpg) no-repeat top; /*背景*/
/*background-attachment:fixed;*/
color:##843709; /* 默认字体颜色 */
}/* "filter:alpha(opacity=50);"设置通明度 */

a:link {COLOR: #681E3A; text-decoration: none;}/* 默认连接颜色 *//*删除 text-decoration: none; 显示连接下划线 */
a:visited {COLOR: #5B6665; text-decoration: none;}/* 默认连接被点击后颜色 */
a:hover {color: #EBD6AF; text-decoration: underline;}/* 默认鼠标移入颜色 */
a:active {COLOR: #CF9E41; text-decoration: none;}/* 默认鼠标点住连接时颜色 */

#login a{color: #DEBC7C;}/* "退出"文字颜色 */
#login a:hover {color: #FFD700;}/* "退出"鼠标移入文字颜色 */

/* 导航菜单 */
#nav { margin-top: 205px; overflow: hidden;
width: 902px;height: 55px;border: 0px solid #c7c1b7; background: none;}
#nav .lt,#nav .rt,#nav .lb,#nav .rb{ background-image:none;}/* 导航菜单圆角图片,可自行修改颜色,去除圆角设置"background-image: none;" */
#nav .nav a{ color:#74693B; }/* 1行菜单文字 */
#nav .nav a:hover{ color:#000000;text-decoration: underline;}/* 1行菜单文字-鼠标移入 */
#nav .nav li{background: url(http://attachment.duowan.com/713/1737/test-4658e1f11-cc6c9.gif) right 0 no-repeat;}/* 分割符 */
nav .select { height: 36px; margin-top: 5px;}
#nav .nav .select { font-weight: bold; padding: 0 2px 0 0 ; }
#nav .nav .select a{background:none; margin-top: -11px;color: #DEBC7C}/* 1行突出选项 */
#nav .nav .select a:hover{background:none; color:#EBD6AF;}/* 1行突出选项-鼠标移入 */
#nav .nav .select a{background: url(http://attachment.duowan.com/707/1731/test-4658d5316-cc6c3.gif) no-repeat; }/* 1行突出选项 */
#nav .nav .select a:hover{background: url(http://attachment.duowan.com/707/1731/test-4658d5316-cc6c3.gif) no-repeat; color:#ECD8B2;}/* 1行突出选项-鼠标移入 */
#nav .navsub a{ color:#567675;}/* 2行文字 */
#nav .navsub li{background: url(http://attachment.duowan.com/713/1737/test-4658e1f11-cc6c9.gif) right 0 no-repeat;}
#nav .navsub .select a{color: #000000}/* 2行突出选项 */
#nav .navsub a:hover { color: #EBD6AF}/* 2行文字-鼠标移入 */
#header { width: 920px;}
#login{width: 320px;}
/* 外壳 + 布局 */
/*.wrap-h { margin: 0; width: 900px; height: 200px; border: 0px solid #4D3E19; background: url(img/toppic.jpg) ;}/* 自定义头部图片 */
.wrap {width: 900px; border: 0px solid #4D3E19;margin: 0 auto; background:none; }/* 主体 */
.side { width: 290px; float: left; padding: 0;}
.main { width: 600px; float: right; padding: 0;}
/*.side { width: 290px; float: right; padding: 0 10px 0 0; }*/
/*.main { width: 580px; float: left; padding: 0 0 0 10px;}*//* 左右位置可调换,调换取消注释符号 */

.wrap-b { height: 8px; margin: 0 auto; width: 900px; border: 0px solid #4D3E19;background:none; overflow: hidden;}/* 自定义底部图片 */

/* 个人信息 */
/*.my-info-h {background: Blue url(../img/my-info-h.gif); width: 290px; height: 17px; }/* 个人信息头图-可选择性定义 */
.my-info { background: none; border: 0px solid #3D2712; color: #000000;}/* 个人信息主体背景和边框 */
.my-name { background: none; height: 15px; padding: 8px 10px 5px 10px; font-size:14px; font-weight: bold; color: #000000;}/* 姓名 */

/* .my-profile {margin-left: 5px; width: 90px; float: left;display: inline; }/* 个人说明 */
/* .my-photo { float: right; width: 170px; margin: 10px; display: inline;}/* 形象图 */
.my-photo img { padding: 1px ; border: 1px solid #6E512F; background: #000; margin:10px; }/* 图片内间距,边框,背景 *//* 个人说明和形象图可左右调换位置,调换位置后设置本行margin:0; */
.my {border-top: 1px solid #000000; }/* 分割线 */

/* 加我为好友,给我发信 */
.add-me {border: 1px solid #6E512F; background: #EABF1B url(http://www.duowan.com/himg/1175054091670.jpg) no-repeat 8px center; float: left; }
.send-me {border: 1px solid #6E512F; background: #FFEED1 url(http://www.duowan.com/himg/1175054159897.jpg) no-repeat 8px center; float: right;}/* 设置float属性更换左右位置,可自定义小图标 */

/* 所在公会 */
#guild { background: #1B1209; border: 0px solid #111; }/* 背景,边框 */
#guild h2 { font-size:16px; color: #681E3A; height: 20px;}/* 标题文字 */
#guild .content {color: #EBD6AF; border-top: 1px solid #402B15; border-bottom: 5px solid #402B15;}/* 说明文字,上下间隔 */
/*#guild .logo { float: right; margin:0; } /* 公会logo */
/*#guild .text { width: 175px; float: left;}/* 公会说明 *//* logo与说明可左右换位 */

/* 游戏历程 */
#history { background: #CBF6DB; border: 0px solid #246988; }/* 背景,边框 */
#history h2 { font-size:16px; color:#681E3A; }/* 标题文字 */
#history .content { color: #681E3A; border-top: 1px solid #402B15; }/* 说明文字,上间隔 */
#history .text { border-bottom: 2px solid #681E3A;}/* 间隔 */

/* 我的故事 */
#about {background: none; width: 580px;}/* 背景 */
#about h2 { font-size:16px; color: #000000;border-bottom: 1px solid #6E512F;}/* 标题文字 */
#about .content { color: #000000;}/* 内容文字 */

/* flash */
.flash-foto { background:none; }

/*随笔*/
#jottings {background: none;width: 580px; overflow: hidden;}/* 背景 */
#jottings img { width: 450px;}/* 图片 */
#jottings h2 {font-size:16px; color: #000000; border-bottom: 1px solid #6E512F;}/* 标题文字 */
#jottings .j-content {color: #000000;}/* 内容文字 */
#jottings .time{ color:#000000; font-size:10px; }/* 时间 */
#jottings .jotting { border-bottom: 1px solid #6E512F; }/* 间隔 */
#jottings .jotting a,#jottings .jotting1 a{ color:#000000; }/* 文章标题 */
#jottings .jotting a:hover,#jottings .jotting1 a:hover{ color:#FFE131; text-decoration: underline; }/* 标题鼠标移入 */

/*连环闪*/
#mylhh {background: none; overflow: hidden; }/* 背景 */
#mylhh h2 {font-size:16px; color: #000000; border-bottom: 1px solid #6E512F;}

/* 我的朋友 */
#friends {background: none; overflow: hidden;}/* 背景 */
#friends h2 {font-size:16px; color: #000000; border-bottom: 1px solid #6E512F;}/* 标题文字 */
#friends .content { color: #000000;}/* 内容 */
#friends ul a{ color: #000000; text-decoration: none;}/* 好友名称 */
#friends ul a:hover{ color: #000000; text-decoration:underline;}
#friends li img { border: 2px solid #6E512F; padding: 1px}/* 好友图片边框 */

/* comment */
#comment { background: none; overflow: hidden;}/* 背景 */
#comment h2 {font-size:16px; color: #000000; border-bottom: 1px solid #6E512F;}/* 标题文字 */
#comment .content { color:#000000;}/* 留言top */
#comment table,#comment td { border: 1px solid #6E512F; }/* 边框 */
#comment table .f-name img { border: 1px solid #6E512F; padding: 1px;}/* 图片边框 */
#comment table .f-comment { width: 420px ; color: #000000; }/* 内容 */

#footer { height: 75px; margin: 0 auto; width: 100%;background: url(http://www.duowan.com/himg/1175054922517.jpg) no-repeat top; }

body {CURSOR: url('http://www.highwind.com.cn/dkp/Images/001.cur')}

2007-03-28 12:14:45 哇塞!太经典了,介绍给我的朋友去(点击复制地址)

留言

发表一个新的评论显示4条留言 \| 共有4条留言 \| 查看所有留言
『童童』	2007-05-20 01:20 不错啊,有你真好,像我这样的懒人有福了!~ 有个不太好意思的事情,嘻嘻!~能不能做个梦幻风格的啊!~(当然希望不会耽误你太多时间!~)
清夜谁用了我的名字	2007-04-10 01:40 这是什么呀。。。。。。。一点看不懂
宇	2007-04-03 19:01 滚动条的颜色再改改就更好了~~
姗姗宝贝	2007-03-28 14:18 已经放上去了，效果非常好．万分感谢．谢谢谢谢．
发表一个新的评论显示4条留言 \| 共有4条留言 \| 查看所有留言

返回响指06的随笔列表

留言