CSS模板代码谁有啊

html-css016

CSS模板代码谁有啊,第1张

我挺喜欢这个风格的 我自己网站现在用这个

你可以复制以下代码到记事本 然后保存为CSS格式后 网页再对其进行调用即可

BODY {CURSOR: url('mouse.ani')

background-color: #C6CFD0}

INPUT{BORDER-TOP-WIDTH: 1pxPADDING-RIGHT: 1pxPADDING-LEFT: 1pxBORDER-LEFT-WIDTH: 1pxFONT-SIZE: 9ptBORDER-LEFT-COLOR: #ccccccBORDER-BOTTOM-WIDTH: 1pxBORDER-BOTTOM-COLOR: #ccccccPADDING-BOTTOM: 1pxBORDER-TOP-COLOR: #ccccccPADDING-TOP: 1pxHEIGHT: 18pxBORDER-RIGHT-WIDTH: 1pxBORDER-RIGHT-COLOR: #ccccccfont-family: "Verdana, Arial, 宋体"font-size: 12px}

select{color: #082D71background-color: #ffffffborder-color: #082D71 #082D71 #082D71 #082D72font-size: 9pt}

textarea {color: #082d71background-color: #ffffff}

td{FONT-FAMILY:Verdana, Arial, 宋体font-size:9pt}

.l_title {COLOR: #000000FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

.m_title {COLOR: #ffffffFONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

.r_title {COLOR: #000000FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

.noline {COLOR: #000000FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.noline:link {COLOR: #000000text-decoration: none}

A.noline:visited {COLOR: #000000text-decoration: none}

A.noline:active {COLOR: #666666text-decoration: none}

A.noline:hover{COLOR: #666666text-decoration: none}

.link {COLOR: #336699FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.link:link {COLOR: #336699text-decoration: none}

A.link:visited {COLOR: #0066CCtext-decoration: none}

A.link:active {COLOR: #ff0000text-decoration: none}

A.link:hover{COLOR: #ff0000text-decoration: none}

.news {COLOR: #000000FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 14pxline-height:22px}

A.news:link {COLOR: #ff0000text-decoration: none}

A.news:visited {COLOR: #000099text-decoration: none}

A.news:active {COLOR: #ff0000text-decoration: none}

A.news:hover{COLOR: #ff0000text-decoration: none}

.class{COLOR: #000000FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9ptline-height:12pt}

A.class:link {COLOR: #000000text-decoration: none}

A.class:visited {COLOR: #000000text-decoration: none}

A.class:active{COLOR: #0000ff}

A.class:hover {COLOR: #ff0000}

.lift {COLOR: #000099FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 12px}

A.lift:link {COLOR: #000099}

A.lift:visited{COLOR: #000099}

A.lift:active {COLOR: #cc0000}

A.lift:hover {COLOR: #ff0000}

.lift_top {COLOR: #000099FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 12px}

A.lift_top:link {COLOR: #000099}

A.lift_top:visited{COLOR: #0066CC}

A.lift_top:active {COLOR: #cc0000}

A.lift_top:hover {COLOR: #ff0000}

.middle {COLOR: #666666FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.middle:link {COLOR: #000000TEXT-DECORATION: none}

A.middle:visited {COLOR: #000000 TEXT-DECORATION: none}

A.middle:active {COLOR: #0000ff TEXT-DECORATION: none}

A.middle:hover{COLOR: #ff0000 TEXT-DECORATION: none}

.right{COLOR: #000099FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.right:link {COLOR: #ff0000}

A.right:visited {COLOR: #990000}

A.right:active{COLOR: #ff0000}

A.right:hover {COLOR: #ff0000 TEXT-DECORATION: none}

.eng {font-family:verdana,arial,helveticaCOLOR: #FFFFFFFONT-SIZE: 9pt}

A.eng:link{COLOR: #FFFFFF TEXT-DECORATION: none}

A.eng:visited {COLOR: #FFFFFF TEXT-DECORATION: none}

A.eng:active {COLOR: #FFFFFF TEXT-DECORATION: none}

A.eng:hover {COLOR: #ffff00 TEXT-DECORATION: none}

.bottom {COLOR: #ffffffFONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.bottom:link {COLOR: #000000 TEXT-DECORATION: none}

A.bottom:visited {COLOR: #000000 TEXT-DECORATION: none}

A.bottom:active {COLOR: #FF0000 TEXT-DECORATION: none}

A.bottom:hover{COLOR: #FF0000 TEXT-DECORATION: none}

.top {COLOR: #ffffffFONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.top:link{ COLOR: #ffffff TEXT-DECORATION: none}

A.top:visited { COLOR: #ffffff TEXT-DECORATION: none}

A.top:active { COLOR: #ffffff TEXT-DECORATION: none}

A.top:hover { COLOR: #ffffff TEXT-DECORATION: none}

.black {COLOR: #000066FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.black:link{ COLOR: #000066 TEXT-DECORATION: none}

A.black:visited { COLOR: #330000 TEXT-DECORATION: none}

A.black:active { COLOR: #FFFFFF TEXT-DECORATION: none}

A.black:hover { COLOR: #ff0000 TEXT-DECORATION: none}

.top1 {COLOR: #ffffffFONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.top1:link {COLOR: #ffffffTEXT-DECORATION: none}

A.top1:visited {COLOR: #ffffff TEXT-DECORATION: none}

A.top1:active {COLOR: #CCFF66 TEXT-DECORATION: none}

A.top1:hover{COLOR: #CCFF66 TEXT-DECORATION: none}

.my {COLOR: #000000FONT-FAMILY:Verdana, Arial, 宋体FONT-SIZE: 9pt}

A.my:link {COLOR: #000000TEXT-DECORATION: none}

A.my:visited {COLOR: #000000 TEXT-DECORATION: none}

A.my:active {COLOR: #FF0000 TEXT-DECORATION: none}

A.my:hover{COLOR: #FF0000 TEXT-DECORATION: none}

.m_tittle{

font-size: 12px

color: #ffffff}

.daohang {

font-size: 12px

font-weight: bold

color: #000000

background-repeat: repeat-x

}

.daohang:link {

font-size: 12px

font-weight: bold

color: #336666

text-decoration: none

}

.daohang:visited {

font-size: 12px

font-weight: bolder

color: #336666

text-decoration: none

}

.daohang:hover {

font-size: 12px

font-weight: bolder

color: #336666

text-decoration: underline

}

.newstop {

background-position: center center

}

A.MenuType:unknown link {

COLOR: #ffffffFONT-SIZE: 12pxtext-decoration: none

}

A.MenuType:link {

COLOR: #ffffffFONT-SIZE: 12pxtext-decoration: none

}

A.MenuType:active {

COLOR: #ffffffFONT-SIZE: 12pxtext-decoration: none

}

A.MenuType:visited {

COLOR: #ffffffFONT-SIZE: 12pxtext-decoration: none

font-size: 12px

}

A.MenuType:hover {

COLOR: #CCFF66FONT-SIZE: 12pxtext-decoration: none

font-size: 12px

}

.mtDropdownMenu {

LEFT: -1000pxOVERFLOW: hiddenPOSITION: absoluteTOP: -1000px

}

.mtDropdownMenu .content {

POSITION: absolute

}

.mtDropdownMenu .items {

BORDER-BOTTOM: #999 1px solidBORDER-LEFT: #999 1px solidBORDER-RIGHT: #999 1px solidBORDER-TOP: #999 1px solidLEFT: 0pxPOSITION: relativeTOP: 0pxZ-INDEX: 2

}

.mtDropdownMenu .item {

BORDER-BOTTOM: medium noneBORDER-LEFT: medium noneBORDER-RIGHT: medium noneBORDER-TOP: medium noneCOLOR: #4a4b4bCURSOR: handFONT-SIZE: 12pxTEXT-DECORATION: none

}

.mtDropdownMenu .background {

FILTER: alpha(opacity=85)LEFT: 0pxPOSITION: absoluteTOP: 0pxZ-INDEX: 1moz-opacity: .8

}

.mtDropdownMenu .shadowRight {

FILTER: alpha(opacity=40)POSITION: absoluteTOP: 3pxWIDTH: 2pxZ-INDEX: 3moz-opacity: .4

}

.mtDropdownMenu .shadowBottom {

FILTER: alpha(opacity=40)HEIGHT: 2pxLEFT: 3pxPOSITION: absoluteZ-INDEX: 1moz-opacity: .4

}

.mtDropdownMenu .hover {

BACKGROUND: #ffffffCOLOR: #8d1c1c

}

.mtDropdownMenu .item IMG {

MARGIN-LEFT: 12px

}

1)空间CSS的模板代码:下面这几个,总有一个适合你。

http://hi.baidu.com/qianxu/blog/item/205508f7442b9422720eec94.html

http://mumayi1.999kb.com/pic/2006-09-16/hmvavoekcsy4yo45gtzn.txt

http://hi.baidu.com/qianxu/blog/item/b6d40df438d7c7ef7609d794.html

http://hi.baidu.com/qianxu/blog/item/5c5f2cf5cea29425bc3109b6.html

http://hi.baidu.com/gy1983beyond/blog/item/4395bb0e845d71e737d12238.html

http://hi.baidu.com/gy1983beyond/blog/item/92b539293a44c5fe98250a3f.html

http://hi.baidu.com/gy1983beyond/blog/item/5479d639608510f33b87ce54.html

2)代码插在哪里?

1、 在哪自定义模板CSS?

在“设置”的“模板设置”页的自定义模板CSS中。

2 、哪个模板是我当前使用的模板?

可在“设置”——“模板设置”页的“当前模板CSS”中查看。

3、 可以对自定义CSS进行哪些操作?

可对自定义模板CSS进行“创建”“编辑”“重命名”“删除”“使用”等操作

4、 创建新模板需要注意些什么?

点击“创建新模板”可在“创建CSS自定义模板”页修改“默认”模板的代码后保存。共可以保存6套,如果多于6套将不出现“创建新模板”按钮。如需新模板编辑可删除1套或者选6套中的1套进行修改保存。

5、 编辑CSS自定义模板页中的“保存修改”“保存并应用”有什么不同?

“保存修改”——仅将刚才修改编辑的自定义模板CSS保存,并不应用到当前使用的模板中。

“保存并应用”——将修改编辑的自定义模板CSS保存,并应用到当前使用的模板中。即在空间中使用该套自定义模板CSS。

6、无法生成自定义CSS截图怎么办?

如果暂无法生成截图会用默认图片代替,若您希望生成相应的截图,再编辑保存该模板CSS即可。

参考资料:http://hi.baidu.com/百度空间/blog/item/2e8ea0ec58bc7a3d2697912c.html

不知道你是问步骤呢 还是CSS代码

一。如果是不知道步骤:

1。打开你的空间,选择空间换装

2。在换装页面 有几个TAB选项 分别是[模板][装饰][模块][版式] OK 我们点击模板

3。在一大堆系统推荐的模板的最右边 有一个〔我也来设计的东东〕点它

4。这时他会要你选择一种风格 随便选一个你喜欢的 点下一步

5。现在就可以编缉模板了 如果要切换到CSS模式编缉 点击页面的右上方有个切换到CSS模式编缉。

二。如果是不知道CSS代码怎么改 嗯那就会比较麻烦一点

主要的几个给你说下吧

1。头部banner的修改 还好百度的CSS注释写得还算全 你只要找到*-----------------头图设置------------------------*/的字样

在其下面有个 background:url(这里面为图片地址) 获取图片地址很简单随便到百度搜个图片点击进入大图 下面有个查看原图点击进去后 浏览器地址栏里面的一串字符全复制就OK了 如果你是自己PS的图片你可以先传到你自己的空间然后同样的办法 只要把地址改了头部的图片就变成你图片地址里的图片了!!

2。其它的图背景图片改法都差不多就这样改 最好不要用太大的图片不然打开会卡死去

3。还有其它一些主要的CSS:

color:颜色 比如#000为黑色 自己打开PS色板要什么颜色自己选好然后复制下面的十六进制代码

a:hover{color:这里的color是鼠标放上去时连接会变色所要变的颜色}

background:#000 设置背景颜色

height:高度

width:宽度

border:边框

每个HTML元素都有自己的类或者ID 要改变哪个HTML元素改他相应的class或ID就行了

哎呀说不清楚了太多了 你还是有时间自己慢慢学下CSS吧 我能做的就只有这么多了