模板css编辑问题

2023-02-28 13:11:01html-css018

模板css编辑问题,第1张

文章分类

#m_artclg div.item 子项{color:#666666font-size:12px}

#m_artclg div.item a 分类名称（链接）{color:#3399CCfont-size:12px}

#m_artclg div.item a:visited{color:#3399CC}

#m_artclg div.line 分界线{margin-top:5pxline-height:8pxborder-top:1px solid #D2E9F4}

文章存档

#m_filed div.item{color:#666666font-size:12px}

#m_filed div.item a{color:#3399CCfont-size:12px}

#m_filed div.item a:visited{color:#3399CC}

#m_filed div.line{margin-top:5pxline-height:8pxborder-top:1px solid #D2E9F4}

应该是这两个

背景色应该是在这个里

模块

.mod {margin-bottom:10px}

.modhandle{cursor:move}

.modth 模块标题栏主体{height:24px}

.modhead{padding:4px 4px 0 4px}

.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}

.modtit 模块标题区（如文章列表）{color:#FFFFFFfont-size:12pxfont- weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}

.modtitlink{color:#FFFFFFfont-size:12pxfont-weight:bold}a.modtitlink{color:#FFFFFFtext-decoration:none}a.modtitlink:visited{color:#FFFFFFtext-decoration:none}a.modtitlink:hover{color:#FF5100text-decoration:underline}

.modact 操作文字链接（如文章列表）{color:#FFFFFFfont-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}

.modbox 模块内容区{padding:10px 10px 0 10pxbackground-color:#FFFFFF}

.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top leftline-height:1px}

.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}

.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top rightline-height:1px}

.modbl 模块左下角背景{background-color:#FFFFFFline-height:1px}

.modbc 模块中下背景{background-color:#FFFFFFline-height:1px}

.modbr 模块右下角背景{background-color:#FFFFFFline-height:1px}

大概是这句

.modbox 模块内容区{padding:10px 10px 0 10pxbackground-color:#FFFFFF}

行高 line-height: 16px 宽度 (具体位置)-width: 16px 文字缩行 text-indent: 2px 文字字体 font-family: "华文彩云" 文字颜色 font-color: #ffffff 文字大小 font-size: 21px文字排列 font-aligh: left 左对齐 center 居中 right 右对齐 top 顶对齐 bottom 底对齐边界 margin-top：（允许值：长度，百分比）（边界分为上，下，左，右）补白 padding-top：（允许值：长度百分比）顶空格填充， padding-top: 20px，底空格填充 padding-bottom: 5px左空格填充 padding-left: 100px 右空格填充 padding-right: 55px 顶边框宽度 border-top-width: 3px 底边框宽度 border-bottom-width: 5px 左边框宽度 border-left-width: 1px 右边框宽度 border-right-width: 1px 边框上 border-top：（允许值，样式颜色，宽度,样式）下 ………-bottom 左… 右… 边框样式 border-style: none none(没有) | dotted(有点的) | dashed(虚线) | solid(固体) | double(两倍) | groove( 凹槽) | ridge(凸出) | inset(插入物) |tset(开头) ] 文字修饰 { text-decoration: none } blink文字闪烁 none使得上述效果都不会发生定位（左边和顶部) {position: absoluteleft: 100pxtop: 43px }(将标记的内容定位于左100px顶43px)(另外可以添加 width：130px 限制宽度为130)（或添加heigh: 130px）(允许值：长度，百分比) 标记的内容隐藏 p { visibility: hidden } （visible为看见hidden为隐藏inherit为可视性设置）链接不显示下划线 A:link { text-decoration: none } 颜色 color: # 背景于文字之后 background-image: url( dfdf) 背景 background: url(dd.jpg)背景不滚动 background-attachment: fixed 背景定位 background-position: top将背景图象同前景要素的顶部对齐。 bottom将其同前景要素的底部对齐。 left将其同左边对齐。 right将其同右边对齐。 center将其水平居中（如果使用在另一关键字前面）或垂直居中（如果用在另一关键字后面）。背景重复 background-repeat: (不重复)（缺省为重复）背景长度 background-position: 70px （水平70） 10px （垂直10） background-repeat: repeat-y（垂直平铺）或 repeat-x （水平平铺） http://hi.baidu.com/tchzx背景不滚动 body{background:url('http://hiphotos.baidu.com/monyer/pic/item/d375e4cd9bf5b8510eb34568.jpg

') no-repeat fixed center cursor:url('http://hiphotos.baidu.com/monyer/pic/item/7345d3c81000ec177e3e6f72.jpg

') SCROLLBAR-FACE-COLOR: #fe90b0 SCROLLBAR-HIGHLIGHT-COLOR: #fec5d7 SCROLLBAR-SHADOW-COLOR: #cc3366 SCROLLBAR-3DLIGHT-COLOR: #ffffff SCROLLBAR-ARROW-COLOR: #cc3366 SCROLLBAR-TRACK-COLOR: #ffb2cc SCROLLBAR-DARKSHADOW-COLOR: #cc3366 SCROLLBAR-BASE-COLOR: #ffb1cb CSS说明:http://www.baidu.com/search/hi/hi_css.htmlCSS快速入门:http://hi.baidu.com/tianshixiadao/blog/item/ad77521e5f5416f51ad57661.html教你玩电脑——CSS、HTML、JS、XML的关系: http://hi.baidu.com/tianshixiadao/blog/item/9aa69f7e0ff911390dd7da54.html网页滚动效果设置:http://hi.baidu.com/tianshixiadao/blog/item/a4dbf2c44a410eca38db4935.html让空间拥有精美flash背景:http://hi.baidu.com/tianshixiadao/blog/item/306e99fdc193cb1708244dcf.html最新百度空间CSS说明：http://hi.baidu.com/tianshixiadao/blog/item/c50a438198517cd9bd3e1e75.html百度空间CSS代码精选:http://hi.baidu.com/tianshixiadao/blog/item/06062024f843d932c99559fe.html编辑文章插入媒体:http://hi.baidu.com/tianshixiadao/blog/item/bba4bc13507092816538dba1.html单页面插入视频工具:http://hi.baidu.com/tianshixiadao/blog/item/d9a326248c101d2ad40742da.html我的博客有视频:http://hi.baidu.com/tianshixiadao/blog/item/e0919799d43c3e096e068c90.html百度空间添加聊天室:http://hi.baidu.com/tianshixiadao/blog/item/74abfd1b115f9cd4ac6e7505.html在空间里加入滚动条:http://hi.baidu.com/tianshixiadao/blog/item/334615871982752bc75cc3ed.html浅析上传漏洞的形成:http://hi.baidu.com/tianshixiadao/blog/item/f1aca91860ec53b54bedbc29.html自己动手制作百度空间模板:http://hi.baidu.com/tianshixiadao/blog/item/ca7becfde9031b44d6887dd2.html教你自己动手制作百度空间CSS样式:http://hi.baidu.com/tianshixiadao/blog/item/dc8c99009c09b286e850cdd5.htmlcss代码收集:http://hi.baidu.com/tianshixiadao/blog/item/c3354a38f70cd12296ddd8f6.htmlhttp://hi.baidu.com/tianshixiadao/blog/item/ca7becfda2e3d244d7887df2.htmlhttp://hi.baidu.com/tianshixiadao/blog/item/8c80caddfcf4d0ee77c638ff.htmlhttp://hi.baidu.com/tianshixiadao/blog/item/334615871982752bc75cc3ed.html玩转鼠标样式:http://hi.baidu.com/tianshixiadao/blog/item/bef06ca9ee75aafd1f17a26e.htmlcss鼠标样式大全和插入办法:http://hi.baidu.com/tianshixiadao/blog/item/723cb15159dd6d2543a75b40.html屏蔽访问量下面多余部分:http://hi.baidu.com/tianshixiadao/blog/item/8e63087f1a49620929388a79.htmlcss个性代码:http://hi.baidu.com/tianshixiadao/blog/item/72597be718ce0a2fb93820b1.html百度空间技术: http://hi.baidu.com/tianshixiadao/blog/item/d8f6824b4d5250f182025c93.html添加FLASH播放器:http://hi.baidu.com/tianshixiadao/blog/item/5c4e9dfb81f72a234e4aeafc.html让你看懂CSS各个参数:http://hi.baidu.com/tianshixiadao/blog/item/46ff0fa4b66d14f69152ee61.html做分割线的方法:http://hi.baidu.com/tianshixiadao/blog/item/05411ead13dc1b084b36d68e.html新增“自定义模块”代码详解：http://hi.baidu.com/tianshixiadao/blog/item/06916da7970da594d1435890.html浅析注入漏洞的查与补:http://hi.baidu.com/tianshixiadao/blog/item/b9cbe580d4b785d69023d922.html透明flash网页背景代码:http://hi.baidu.com/tianshixiadao/blog/item/8bb775af9087c4fafaed505a.htmlCSS手册简编:http://hi.baidu.com/tianshixiadao/blog/item/dd8aa894b61fec1fd31b70f7.htmlCSS语法手册:http://hi.baidu.com/tianshixiadao/blog/item/91975d0e1aef2bca7bcbe1b6.htmlcss和HTML结合制作:http://hi.baidu.com/tianshixiadao/blog/item/a4fefe135db110035aaf5393.html教你如何制作个性化的标题栏:http://hi.baidu.com/tianshixiadao/blog/item/b1bb54ec465276d02e2e210f.html改变百度空间的模块宽度:http://hi.baidu.com/tianshixiadao/blog/item/6a924dd09dd6048ea1ec9ce8.html百度空间的CSS边框属性:http://hi.baidu.com/tianshixiadao/blog/item/d8ede3bf8b57150b18d81fe9.htmlflash导航条+效果的代码:http://hi.baidu.com/tianshixiadao/blog/item/1420257b5de9eef50bd187fc.htmlCSS十大密技:http://hi.baidu.com/tianshixiadao/blog/item/d8f6824bfbfce6f183025cc1.html致CSS初学的朋友:http://hi.baidu.com/tianshixiadao/blog/item/d87d888631f8ea3f66096ec2.html导航拦CSS及置顶文章代码:http://hi.baidu.com/tianshixiadao/blog/item/7fbc64361e96b8dca3cc2b94.html

请参考http://www.baidu.com/search/hi/hi_css.html

使用说明：

1、选取颜色

在颜色选取区域点击你所需要的色彩；

2、调整亮度

在右侧的渐变色块中调整该颜色的亮度；

3、复制粘贴代码

复制在“代码”框中该颜色的代码，粘贴（CTRL+V）到css自定义模板所需位置即可。

空间页面CSS说明

body 整个空间页面{background-color:#FFFFFF}

--------------------------------------------------------------------------------

空间名称和简介区域

#header 主体部分{height:89pxbackground:#3399CC}

#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}

#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}

#header div.tit 空间名称{top:8pxleft:20pxline-height:22pxfont-size:20pxfont-family:黑体}

#header div.tit a.titlink 空间名称链接{color:#FFFFFFtext-decoration:none}

#header div.tit a.titlink:visited{color:#FFFFFFtext-decoration:none}

#header div.desc 空间简介{top:33pxleft:20pxcolor:#FFFFFFfont-size:13px}

#tabline TAB菜单下方的横线{top:89pxbackground-color:#FFFFFF}

#tab TAB菜单主体{top:67pxbackground:url(temp1/tabbg.gif) repeat-x}

#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3pxborder-left:1px solid #FFFFFFborder-right:1px solid #FFFFFFborder-top:1px solid #FFFFFFline-height:19pxbackground-color:#F3F1F1color:#197CAEfont-size:14px}

#tab span TAB与TAB之间的分割符“|”{color:#FFFFFFfont-size:14px}

#tab a:link TAB未选中状态{color:#FFFFFFtext-decoration:nonefont-size:14px}

#tab a:visited{color:#FFFFFFtext-decoration:nonefont-size:14px}

#tab2 设置TAB菜单主体{background:#DAE9F5}

#tab2 span TAB选中状态{color:#000000font-size:12pxfont-weight:bold}

#tab2 a TAB未选中状态{font-size:12px}

#tab2 a:link{color:#0000CC}

#tab2 a:visited{color:#0000CC}

--------------------------------------------------------------------------------

内容区域 .stage（TAB菜单与版权信息之间的区域）{background:#F3F1F1}

其它区域（即访问量等信息）

#comm_info 主体{color:#333333font-family:Arialtext-align:left}

#comm_info div.line 分界线{margin-top:5pxline-height:8pxborder-top:1px solid #D2E9F4}

#comm_info a 链接{color:#3399CC}

--------------------------------------------------------------------------------

页码区域

#page 主体{height:30pxfont-size:14pxfont-family:Arialtext-align:center}

#page span 当前页码（不可点击）{padding:3pxcolor:#000000font-size:14pxfont-weight:bold}

#page a.pc 上一页和下一页{color:#3399CCfont-size:14pxfont-weight:bold}

#page a.pc:visited{color:#3399CC}

#page a.pi 页码（可点击）{padding:3pxcolor:#3399CCfont-size:14px}

#page a.pi:visited{color:#3399CC}

--------------------------------------------------------------------------------

模块

.mod {margin-bottom:10px}

.modhandle{cursor:move}

.modth 模块标题栏主体{height:24px}

.modhead{padding:4px 4px 0 4px}

.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}

.modtit 模块标题区（如文章列表）{color:#FFFFFFfont-size:12pxfont-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}

.modact 操作文字链接（如文章列表）{color:#FFFFFFfont-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}

.modbox 模块内容区{padding:10px 10px 0 10pxbackground-color:#FFFFFF}

.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top leftline-height:1px}

.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}

.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top rightline-height:1px}

.modbl 模块左下角背景{background-color:#FFFFFFline-height:1px}

.modbc 模块中下背景{background-color:#FFFFFFline-height:1px}

.modbr 模块右下角背景{background-color:#FFFFFFline-height:1px}

--------------------------------------------------------------------------------

文章区域

#m_blog div.tit 文章标题{font-size:14pxfont-weight:bold}

#m_blog div.tit a 文章标题链接{color:#333333font-size:14pxfont-weight:bold}

#m_blog div.tit a:visited{color:#333333}

#m_blog div.date 文章发表日期{margin:5px 0 8px 0color:#666666}

#m_blog div.cnt 文章内容{color:#333333line-height:20pxfont-size:14px}

#m_blog div.more{margin:14px 0 16px 0}

#m_blog div.more a 阅读全文链接{color:#3399CCfont-size:14px}

#m_blog div.more a:visited{color:#3399CC}

#m_blog div.opt 文章操作区（如编辑、评论等）{color:#666666font-size:12px}

#m_blog div.opt a 文章操作链接{color:#3399CCfont-size:12px}

#m_blog div.opt a:visited{color:#3399CC}

#m_blog div.line 分界线{margin-top:17pxline-height:17pxborder-top:1px solid #D2E9F4}

#m_blog div.none 无文章提示信息{padding:100px 0 100px 0color:#333333font-size:14px}

--------------------------------------------------------------------------------

个人档案区域

#m_pro a 链接{color:#3399CC}

#m_pro a:visited{color:#3399CC}

#m_pro div.image 个人头像{text-align:center}

#m_pro div.act 操作区（如加为好友、发送消息）{margin-top:10px}

#m_pro div.user 用户名{margin-top:10pxcolor:#333333font-size:12pxfont-weight:bold}

#m_pro div.desc 用户简介{color:#333333font-size:12px}

#m_pro div.line 分界线{margin-top:17pxline-height:17pxborder-top:1px solid #D2E9F4}

#m_pro td{color:#333333line-height:24pxfont-size:14px}

--------------------------------------------------------------------------------

相册区域

#m_album div.image 照片{text-align:center}

#m_album div.page {color:#666666font-size:12pxtext-align:center}

#m_album div.page a{color:#0000CCfont-size:12px}

#m_album div.page a:visited{color:#0000CC}

--------------------------------------------------------------------------------

友情链接区域

#m_links div.item 子项{color:#333333font-size:12px}

#m_links div.item a 名称（链接）{color:#3399CCfont-size:12pxtext-decoration:none}

#m_links div.item a:visited{color:#3399CC}

#m_links div.line 分界线{margin-top:5pxline-height:8pxborder-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

文章分类

#m_artclg div.item 子项{color:#666666font-size:12px}

#m_artclg div.item a 分类名称（链接）{color:#3399CCfont-size:12px}

#m_artclg div.item a:visited{color:#3399CC}

#m_artclg div.line 分界线{margin-top:5pxline-height:8pxborder-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

推荐阅读

热门文章

最新发布

标签列表

模板css编辑问题

给您推荐相同类型的内容：