`
javatome
  • 浏览: 856526 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

初学空间CSS代码的朋友,请直接用这个CSS代码修改

 
阅读更多
/*说明:请将本说明文字和下面所有汉字说明文字(黑色)和CSS代码(蓝色或者红色)直接复制到您的自定义CSS代码区域代替原来的代码,就可以一边看汉字说明,一边修改汉字说明下边的代码,修改出您自己独一无二的空间外观了。*/

/*红色代码表示经过修改试验,没有发现其具有任何功效的代码,蓝色代码都是已经确认其功能并已经细致给出说明的代码。*/

/*另外,修改好您的空间代码后,不用删除汉字说明,直接保存并应用就可以了,汉字说明不会影响您的空间代码,这样以后还可以用您保存的具有汉字说明的代码反复修改,比较方便。*/

/*祝愿大家早日修改出自己喜欢的空间外观*/

/*主页两侧竖条背景颜色(井号后6位16进制数值)*/
body{background-color:#CCCCCC}

/*------------空间标题区域-------------*/
/*主页标题背景高度(该背景最下边缘直接对应正文部分最上边缘,height后数字)和背景图片所遮盖部分的底色(井号后6位16进制数值),若图片不够大,就会露出底色*/
#header{height:200px;background:#00FFFF}
/*主页标题背景图片地址(左侧和右侧各一幅,图片若足够大,其中一个 url后括号内填写的图片网址 可以省略为空的括号)*/

#header div.lc{background:url(http://hiphotos.baidu.com/xiangduilun/pic/item/cf1cd11fca009862f624e402.jpg) no-repeat}
#header div.rc{background:url() no-repeat top right}

/*主页标题文字纵坐标(画面最上为0,top后数字),横坐标(画面最左为0,left后数字),显示文字区域高度(如果比文字大小要小,则文字上下部分会缺失,line-height后数字),文字大小,字体(font-family后文字)*/
#header div.tit{top:40px;left:40px;line-height:40px;font-size:40px;font-family:黑体}
/*主页标题文字颜色(井号后6位16进制数值),修饰(可以写none没有,和underline加下划线)*/
#header div.tit a.titlink{color:#00FFFF;text-decoration:none}
/*主页标题文字被点击过后变成的颜色(井号后6位16进制数值),修饰(可以写none没有,和underline加下划线)*/
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
/*空间简介文字纵坐标(top后数字),横坐标(left后数字),文字颜色(井号后6位16进制数值),文字大小(font-size后数字)*/
#header div.desc{top:100px;left:40px;color:#FFFFFF;font-size:14px}

/*主页标题图片区域下边缘和正文上边缘之间的 交界线 的纵坐标(top后数字)和颜色(井号后6位16进制数值)*/
#tabline{top:200px;background-color:#00FFFF}

/*-----------空间标题附近横向翻页菜单---------------*/
/*主页标题图片区域和正文之间的横向菜单“主页博客|相册…”的纵坐标(top后数字)和背景图片地址(如果图片很短,将在水平方向上重复显示该图片并无间距排列,url后括号内网址)*/
#tab{top:0px;background:url(
http://img.baidu.com/hi/temp1/tabbg.gif) repeat-x}
/*横向菜单当前页对应的按钮方块(含按钮名称文字)距离水平菜单区域上边缘距离(margin-top后数字),水平菜单按钮方块最左边缘竖线宽度 (border-left后数字)和颜色(solid后井号后6位16进制数值),水平菜单按钮方块最右边缘竖线宽度(border-right后数字) 和颜色(solid后井号后6位16进制数值),水平菜单按钮方块最上边缘横线宽度(border-right后数字)和颜色(solid后井号后6位 16进制数值),按钮方块高度(line-height后数字)和颜色(background-color后井号后6位16进制数值),按钮名称文字颜色 (color后井号后6位16进制数值)和文字大小(font-size后数字)*/
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:5px;border-left:1px solid #00FFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:20px;background-color:#FFFFFF;color:#000000;font-size:14px}
/*横向菜单非当前页对应按钮间分隔线颜色(井号后6位16进制数值),分隔线字体大小*/
#tab span{color:#FFFFFF;font-size:14px}
/*横向菜单非当前页对应按钮文字颜色(井号后6位16进制数值),修饰(可以写none没有,和underline加下划线),字体大小(px前数字)*/
#tab a:link{color:#FFFFFF;text-decoration:none;font-size:14px}
/*横向菜单非当前页对应按钮文字被点击过变成的颜色(井号后6位16进制数值),修饰(有无下划线),字体大小(px前数字)*/
#tab a:visited{color:#00FFFF;text-decoration:none;font-size:14px}

/*----------个人设置空间用的“设置页面”模板功能菜单-------------*/
/*个人设置用的“基本选项 | 模板设置 | 高级设置 | 访问统计”二级菜单背景颜色(井号后6位16进制数值)*/
#tab2{background:#00FFFF}
/*二级菜单按钮间分隔竖线颜色,加粗*/
#tab2 span{color:#000000;font-size:12px;font-weight:bold}
/*二级菜单当前选中按钮文字大小*/
#tab2 a{font-size:12px}
/*二级菜单当前选中按钮文字颜色*/
#tab2 a:link{color:#0000CC}
/*二级菜单当前选中按钮文字被点击过后变成的颜色*/
#tab2 a:visited{color:#0000CC}

/*主页正文部分文本框之外背景颜色*/
.stage{background:#FFFFFF}

/*------------“其他”模块-----------*/
/*主页名称为“其他”的那个模块的文字“已有 人次访问本空间”的颜色(井号后6位16进制数值),字体(font-family后文字),文字位置(text-align后文字left靠左center居中right靠右)*/
#comm_info{color:#333333;font-family:Arial;text-align:left}
/*“其他”模块中间横线距离“已有 人次访问本空间”文字的纵向距离(margin-top后数字),该横线距离“什么是RSS?”文字 的纵向距离(line-height后数字),该横线粗细(border-top后数字)和颜色(井号后6位16进制数值)。背景链接地址(url后边括 号内输入网址),不重复显示该网页(no-repeat bottom),链接内容距离上边内容纵向距离(padding-bottom),距离下边内容 纵向距离(margin-bottom)*/
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4;background:url(
http://www.ip.cn/s.php) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
/*“其他”模块中“什么是RSS?”文字的颜色*/
#comm_info a{color:#3399CC}

/*---------博客文章页码----------*/
/*博客文章页码板块(当文章数量超过每页最多可以显示的文章数量才出现)的纵向长度(height后数字),字体(font-family后文字),文字位置(text-align后文字left靠左center居中right靠右)*/
#page{height:30px;font-size:14px;font-family:Arial;text-align:center}
/*页码 间隔,当前页码颜色,字体大小,加粗,貌似修改无效?*/
#page span{padding:5px;color:#00FFFF;font-size:14px;font-weight:bold}
/*“上一页”和“下一页”文字颜色,字体大小,加粗,貌似修改无效?*/
#page a.pc{color:#00FFFF;font-size:14px;font-weight:bold}
/*“上一页”和“下一页”文字被点击后变成的颜色,貌似修改无效?*/
#page a.pc:visited{color:#00FFFF}
/*非当前页码颜色,字体大小,加粗,貌似修改无效?*/
#page a.pi{padding:30px;color:#00FFFF;font-size:14px}
/*非当前页码被点击后变成的颜色,貌似修改无效?*/
#page a.pi:visited{color:#00FFFF}

/*-----------主页各模块统一设定--------------*/
/*模块(相册,最近访客,百度搜索,其他,自定义模块,等)之间纵向间距*/
.mod{margin-bottom:10px}
/*??????*/
.modhandle{cursor:move}
/*模块标题栏纵向宽度,正常时候此宽度应该超过“模块标题文字区域高度=模块标题文字距离标题栏上边缘的纵向距离+模块标题文字大小+模块标题文字距离 模块内容区域上边缘纵向距离”和“用户编辑按钮区域高度=用户编辑按钮文字距离标题栏上边缘的纵向距离+用户编辑按钮文字大小+用户编辑按钮文字距离模块 内容区域上边缘纵向距离”中任何一者,否则将出现标题栏不能完全包括模块标题文字或者用户编辑按钮文字的情况*/
.modth{height:24px}
/*模块标题文字距离标题栏上边缘纵向距离(第一个数字),模块标题文字右侧为模块标题文字留下的空格区域的横向长度(不能被空间编辑按钮占据,第二个数 字),模块标题文字距离模块内容区域上边缘的纵向距离(第三个数字),模块标题文字距离模块标题栏左边缘横向距离(第四个数字)*/
.modhead{padding:4px 4px 0 4px}
/*用户编辑按钮文字距离标题栏上边缘纵向距离(第一个数字),编辑按钮文字距离模块标题栏右边缘横向距离(第二个数字),编辑按钮文字距 离模块内容区域上边缘的纵向距离(第三个数字),编辑按钮文字左侧为编辑按钮文字留下的空格区域的横向长度(不能被模块标题文字占据,第四个数字),“标 题文字和按钮文字的四个横向距离+两部分文字横向总长度”应该小于模块标题栏横向长度,否则右边超出标题栏的文字部分会不能显示*/
.modopt{padding:4px 4px 0 0}
/*模块标题文字颜色(井号后边6位16进制数)大小(数字),??????*/
.modtit{color:#FFFF00;font-size:12px;font-weight:bold}
a.modtit{color:#FFFF00}a.modtit:visited{color:#FFFF00}
/*??????*/
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
/*??????,用户编辑按钮文字颜色(第二个井号后6位16进制数),用户编辑按钮文字被点击后变成的颜色(第三个井号后6位16进制数)*/
.modact{color:#FFFFFF;font-size:12px}
a.modact:link{color:#FFFFFF}a.modact:visited{color:#00FFFF}
/*模块内容最上边的小标题距离模块内容区域上边缘纵向距离(第一个数字),小标题距离模块内容区域右边缘横向距离(第二个数字),模块内 容最下边文字或者分隔用的横线距离模块内容区域下边缘纵向距离(第三个数字),小标题距离模块内容区域左边缘横向距离(第四个数字)*/
.modbox{padding:10px 10px 0 10px;background-color:#CCCCCC}
/*模块标题栏左侧边角图片(url后括号内填写图片网址)*/
.modtl{background:url(
http://hiphotos.baidu.com/xiangduilun/pic/item/cf1cd11fca009862f624e402.jpg) no-repeat top left;line-height:1px}
/*模块标题栏主体图片(url后括号内填写图片网址)*/
.modtc{background:url() repeat-x}
/*模块标题栏右侧边角图片(url后括号内填写图片网址)*/
.modtr{background:url(
http://hiphotos.baidu.com/xiangduilun/pic/item/cf1cd11fca009862f624e402.jpg) no-repeat top right;line-height:1px}
/*模块内容区域背景左侧边缘颜色(井号后边6位16进制数),只在模块内容区域最下边显示,厚度为8+line-height的数值。*/
.modbl{background-color:#CCCCCC;line-height:1px}
/*模块内容区域背景中间主体颜色(井号后边6位16进制数),只在模块内容区域最下边显示,厚度为8+line-height的数值。*/
.modbc{background-color:#CCCCCC;line-height:1px}
/*模块内容区域背景右侧边缘颜色(井号后边6位16进制数),只在模块内容区域最下边显示,厚度为8+line-height的数值。*/
.modbr{background-color:#CCCCCC;line-height:1px}

/*-----------------模块内文章文字款式--------------------*/
/*博客页面内文章标题字体大小,加粗*/
#m_blog div.tit{font-size:14px;font-weight:bold}
/*主页各个模块中文章标题联接文字字体颜色(井号后6位16进制数),字体大小(font-size后数字),加粗*/
#m_blog div.tit a{color:#333300;font-size:14px;font-weight:bold}
/*主页各个模块中文章标题联接文字字体被点击过后变成的颜色*/
#m_blog div.tit a:visited{color:#3333FF}
/*文章日期距离模块内容区域文章标题文字的纵向距离(第一个数字),距离内容区域右边缘的横向距离(第二个数字,该距离特殊情况下可见),距离文章文字的纵向距离(第三个数字),距离内容区域左边缘横向距离(第四个数字),日期文字颜色(井号后6位16进制数)*/
#m_blog div.date{margin:5px 0 8px 0;color:#666666}
/*文章内容文字的颜色,行间距,字体大小*/
#m_blog div.cnt{color:#330033;line-height:20px;font-size:14px}
/*“阅读全文>>”文字距离文章内容文字的纵向距离(第一个数字),距离内容区域右边缘的横向距离(第二个数字,该距离特殊情况下可见),距离文章浏览数统计文字的纵向距离(第三个数字),距离内容区域左边缘横向距离(第四个数字)*/
#m_blog div.more{margin:14px 0 16px 0}
/*“阅读全文>>”文字颜色,字体大小*/
#m_blog div.more a{color:#3399CC;font-size:14px}
/*“阅读全文>>”文字颜色被点击后变成的颜色*/
#m_blog div.more a:visited{color:#3399CC}
/*浏览数统计文字之间分隔竖线和文章私有提示文字颜色和字体大小*/
#m_blog div.opt{color:#660066;font-size:12px}
/*浏览数统计文字和编辑按钮文字的颜色和字体大小*/
#m_blog div.opt a{color:#3399CC;font-size:12px}
/*浏览数统计文字和编辑按钮文字被点击后变成的颜色*/
#m_blog div.opt a:visited{color:#3399CC}
/*文章之间分隔横线距离上篇文章浏览数统计文字纵向距离,距离下篇文章标题纵向距离,横线粗细和颜色*/
#m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
/*文章不存在的提示信息文字距离所在文本区域上右下左各边缘的距离,文字颜色,字体大小*/
#m_blog div.none{padding:100px 0 100px 0;color:#333333;font-size:14px}

/*-------------“个人档案”模块------------*/
/*“查看详细信息”文字颜色*/
#m_pro a{color:#3399CC}
/*“查看详细信息”被点击后变成的颜色*/
#m_pro a:visited{color:#3399CC}
/*头像图片显示位置“居中,靠左,靠右----center,left,right”*/
#m_pro div.image{text-align:center}
/*个人介绍文字和头像间纵向距离*/
#m_pro div.act{margin-top:10px}
/*用户名和头像间纵向距离(实际距离是该距离和前一个距离的总和),用户名文字颜色,字体大小,加粗*/
#m_pro div.user{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
/*主页“个人档案”模块中个人简介文字颜色,字体大小*/
#m_pro div.desc{color:#333333;font-size:12px}
/*个人档案页面分隔横线距离上(margin-top)下(line-height)方向的距离和粗细(border-top)颜色(solid后16进制数)*/
#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
/*个人档案页面中个人简介文字颜色,文字行间距,字体大小*/
#m_pro td{color:#330033;line-height:24px;font-size:14px}

/*------------相册-------------*/
/*图片显示位置“居中,靠左,靠右----center,left,right”*/
#m_album div.image{text-align:center}
/*翻图按钮文字颜色,字体大小,显示位置*/
#m_album div.page{color:#666666;font-size:12px;text-align:center}
/*察看图片文字颜色,字体大小*/
#m_album div.page a{color:#0000CC;font-size:12px}
/*察看图片文字被点击后变成的颜色*/
#m_album div.page a:visited{color:#0000CC}

/*-----------“友情链接”模块-----------*/
/*链接简介文字颜色和字体大小*/
#m_links div.item{color:#330003;font-size:12px}
/*链接名称文字颜色,字体大小,修饰(有没有下划线)*/
#m_links div.item a{color:#0009CC;font-size:12px;text-decoration:underline}
/*链接名称文字被点击后变成的颜色*/
#m_links div.item a:visited{color:#3399CC}
/*链接之间分隔横线距上边文字的纵向距离和距下边文字的纵向距离,粗细,颜色*/
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*-------------自定义模块--------------*/
/*模块一链接简介文字颜色和字体大小*/
#m_mylink1 div.item{color:#333333;font-size:12px}
/*模块一链接名称文字颜色,字体大小,修饰*/
#m_mylink1 div.item a{color:#3399CC;font-size:12px;text-decoration:underline}
/*模块一链接名称文字被点击后变成的颜色*/
#m_mylink1 div.item a:visited{color:#3399CC}
/*模块一链接之间分隔横线距上边文字的纵向距离和距下边文字的纵向距离,粗细,颜色*/
#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*模块二链接简介文字颜色和字体大小*/
#m_mylink2 div.item{color:#333333;font-size:12px}
/*模块二链接名称文字颜色,字体大小,修饰*/
#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
/*模块二链接名称文字被点击后变成的颜色*/
#m_mylink2 div.item a:visited{color:#3399CC}
/*模块二链接之间分隔横线距上边文字的纵向距离和距下边文字的纵向距离,粗细,颜色*/
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*模块三链接简介文字颜色和字体大小*/
#m_mylink3 div.item{color:#333333;font-size:12px}
/*模块三链接名称文字颜色,字体大小,修饰*/
#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
/*模块三链接名称文字被点击后变成的颜色*/
#m_mylink3 div.item a:visited{color:#3399CC}
/*模块三链接之间分隔横线距上边文字的纵向距离和距下边文字的纵向距离,粗细,颜色*/
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
/*模块四链接简介文字颜色和字体大小*/
#m_mylink4 div.item{color:#333333;font-size:12px}
/*模块四链接名称文字颜色,字体大小,修饰*/
#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
/*模块四链接名称文字被点击后变成的颜色*/
#m_mylink4 div.item a:visited{color:#3399CC}
/*模块四链接之间分隔横线距上边文字的纵向距离和距下边文字的纵向距离,粗细,颜色*/
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*-------------“文章分类”模块----------*/
/*分类名称后括号和括号内数字颜色和字体大小*/
#m_artclg div.item{color:#666666;font-size:12px}
/*分类名称文字颜色,字体大小,修饰*/
#m_artclg div.item a{color:#3399CC;font-size:12px}
/*分类名称文字被点击后变成的颜色*/
#m_artclg div.item a:visited{color:#3399CC}
/*分类之间分隔横线距上边文字的纵向距离和距下边文字的纵向距离,粗细,颜色*/
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*---------“文章存档”模块----------*/
/*日期名称后括号和括号内数字颜色和字体大小*/
#m_filed div.item{color:#666666;font-size:12px}
/*日期名称文字颜色,字体大小,修饰*/
#m_filed div.item a{color:#3399CC;font-size:12px}
/*日期名称文字被点击后变成的颜色*/
#m_filed div.item a:visited{color:#3399CC}
/*日期之间分隔横线距上边文字的纵向距离和距下边文字的纵向距离,粗细,颜色*/
#m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*-------------“最新评论”模块--------------*/
/*未登录发言用户署名颜色,字体大小*/
#m_comment div.item{color:#333333;font-size:12px}
/*登陆发言用户名颜色,字体大小*/
#m_comment div.item a{color:#3399CC;font-size:12px}
/*登陆发言用户名被点击后变成的颜色*/
#m_comment div.item a:visited{color:#3399CC}
/*评论内容文字颜色,字体大小,修饰(有无下划线)*/
#m_comment div.item a.cnt{color:#333333;font-size:12px;text-decoration:none}
/*评论内容文字被点击后变成的颜色,修饰*/
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
/*当鼠标移动到评论文字上时候,评论文字颜色,修饰*/
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
/*不同发言之间分隔横线距上边文字的纵向距离和距下边文字的纵向距离,粗细,颜色*/
#m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*----------相册页面相册列表-----------*/
/*相册列表名称文字颜色和字体大小*/
#m_albumlist div.note{color:#000333;font-size:14px}
/*相册简介文字距离相册图片按钮的纵向距离(margin-bottom),文字位置向下向左向上向右修正值(padding4个数 字),文字距离相册列表区域下边框或者下边分界线的距离(line-height),相册列表背景颜色(background-color),简介文字字 体大小(font-size)*/
#m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
/*无照片提示文字位置的向下向左向上向右修正值(padding4个数字),文字颜色,字体大小*/
#m_albumlist div.none{padding:100px 0 100px 0;color:#333333;font-size:14px}
/*相片分隔横线距离上方照片的纵向距离(margin-top),距离下方照片的纵向距离(line-height),粗细和颜色*/
#m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
/*照片名称的向下向左向上向右修正值(margin4个数字),照片描述文字颜色和字体大小*/
#m_albumlist div.tit{margin:6px 0 7px 0;color:#333333;font-size:14px}
/*相册名称文字的颜色和字体大小*/
#m_albumlist div.tit a{color:#330000;font-size:14px}
/*相册名称文字被点击后变成的颜色*/
#m_albumlist div.tit a:visited{color:#3300FF}
/*照片数量文字颜色,字体大小,加粗*/
#m_albumlist span.count{color:#666666;font-size:12px;font-weight:bold}
/*照片长度宽度数字颜色,字体大小,字体类型*/
#m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial}
/*“编辑|删除”文字颜色,字体大小*/
#m_albumlist a.act{color:#3399CC;font-size:12px}
/*“编辑|删除”文字被点击后变成的颜色*/
#m_albumlist a.act:visited{color:#3399CC}
/*页码文字颜色和字体大小*/
#m_albumlist a.page{color:#0000CC;font-size:14px}
/*页码文字被点击后变成的颜色*/
#m_albumlist a.page:visited{color:#0000CC}
/*??????*/
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#CCCCCC}

/*----------“好友”模块-----------*/
/*??????*/
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
/*??????*/
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#000000;font-size:14px}
/*??????*/
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
/*好友用户名颜色和字体大小*/
#m_friend div.user a{color:#3399CC;font-size:12px}
/*好友用户名被点击后变成的颜色*/
#m_friend div.user a:visited{color:#3399CC}
/*分隔横线距离上方好友的纵向距离(margin-top),距离下方好友的纵向距离(line-height),粗细和颜色*/
#m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

/*-----------模板选择页面----------*/
/*所有可以点击的文字颜色*/
#m_setting a{color:#3399CC}
/*所有可以点击的文字被点击后变成的颜色*/
#m_setting a:visited{color:#33FF00}
/*模板图片按钮距离其下边内容的纵向距离,“推荐模板,当前模板CSS,自定义模板CSS”等文字颜色,字体大小*/
#m_setting{line-height:22px;color:#88FF88;font-size:14px}
/*预览过的模板预览图边框粗细,颜色*/
#m_setting img.sel{border:4px solid #0000FF}
/*未预览过的模板预览图边框粗细,颜色*/
#m_setting img.unsel{border:1px solid #0000FF}
/*模板名称字体大小*/
#m_setting span.tit{font-size:14px}
/*“??????*/
#m_setting span.usr{color:#33FF00}
/*“当前模板”提示文字与模板图示纵向距离,字体大小,加粗*/
#m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold}
/*分隔横线距离上方内容的纵向距离(margin-top),距离下方内容的纵向距离(line-height),粗细和颜色*/
#m_setting div.line{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}

/*---------设置页面“基本选项”单元的系统公告部分---------*/
/*公告标题链接文字颜色*/
#m_sysinfo a{color:#3399CC}
/*公告标题链接文字被点击后变成的颜色*/
#m_sysinfo a:visited{color:#3399CC}
/*行间距,颜色(??????),链接文字字体大小*/
#m_sysinfo{line-height:22px;color:#333333;font-size:14px}
/*“new!”文字颜色,字体大小,字体*/
#m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial}
/*日期文字颜色,字体大小*/
#m_sysinfo span.date{color:#666666;font-size:14px}

/*设置页面“基本选项”单元*/
/*“基本选项”和“显示选项”文字颜色,字体大小*/
#m_setbase{color:#333333;font-size:14px}
/*选项名称文字(比如“空间名称”)的颜色和字体大小*/
#m_setbase td{color:#333333;font-size:14px}
/*最下方横线距离上方内容的纵向距离(margin-top),距离下方内容的纵向距离(line-height),粗细和颜色*/
#m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*----------网友评论部分------------*/
/*文本输入区域宽度*/
#in_comment{width:710px}
/*“网友评论”文字距离正文部分纵向距离,文字颜色,字体大小,加粗*/
#in_comment div.tit{margin-bottom:12px;color:#33FF00;font-size:14px;font-weight:bold}
/*未登录发表评论者署名文字距离上面内容的纵向距离,文字颜色,字体大小*/
#in_comment div.user{margin-bottom:6px;color:#333333;font-size:12px}
/*登陆发表评论者用户名文字颜色,字体大小*/
#in_comment div.user a{color:#3399CC;font-size:12px}
/*登陆发表评论者用户名文字被点击后变成的颜色*/
#in_comment div.user a:visited{color:#3399CC}
/*评论发表时间的文字颜色和字体大小*/
#in_comment div.user span.date{color:#666666;font-size:12px}
/*评论内容的文字颜色和字体大小*/
#in_comment div.desc{color:#3399CC;font-size:12px}
/*分隔横线距离上边内容的纵向距离(margin-top),距离下边内容的纵向距离(line-height),粗细和颜色*/
#in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}

/*“发表评论”文字向下向左向上向右位置修正值(4个数字),字体颜色,字体大小,加粗*/
#in_send div.tit{margin:10px 0 10px 0;color:#3399CC;font-size:14px;font-weight:bold}

分享到:
评论

相关推荐

    根据预览到的效果生成css代码 CSS代码生成器

    初学者可以通过阅读这个文件了解如何操作软件,以便更好地利用CSS代码生成器。 3. **netbei.com.txt**:这可能是一个文本文件,包含有关开发人员或软件公司的信息,如联系方式、网站链接等。如果在使用过程中遇到...

    JS.CSS代码集合

    这个"JS.CSS代码集合"可能包含了一系列实用的JS和CSS代码片段,供开发者在构建网页时参考和使用。 在JavaScript方面,这个集合可能包括了各种功能的实现,如表单验证、动态效果、AJAX异步请求、事件处理、时间日期...

    CSS代码生成器 一个可以生成CSS代码的工具.非常方便.zip

    例如,压缩包中的`CSS代码生成器(v1.0).exe`可能是这个工具的执行文件,用户可以通过运行它来使用这个工具。 6. **辅助功能**:一些高级的CSS代码生成器还可能包括单位转换、浏览器兼容性检查、代码压缩等功能,以...

    很好用的css代码生成器

    5. **学习工具**:对于初学者,它也可以作为一个学习工具,通过观察生成的代码了解CSS的工作原理。 总的来说,"很好用的css代码生成器"是一款针对CSS开发者的实用工具,它通过提供便利的代码生成和管理功能,使得...

    400个超实用的CSS代码段

    【压缩包子文件的文件名称】"超实用的CSS代码段.pdf"表明这是一个PDF格式的文档,很可能包含了详细的代码示例、解释以及可能的使用场景。PDF是一种通用的文件格式,适合保存结构化的信息,便于阅读和打印。 在这个...

    网页编辑 css代码生成器

    这个工具以简洁的界面和易用性为特点,使得即使是初学者也能轻松上手。 **CSS基础** CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。通过CSS,我们...

    css代码生成器

    这就是“CSS代码生成器”存在的意义——它能帮助用户快速生成所需的CSS代码,无需手动编写。 ### CSS代码生成器的功能 1. **样式生成**:用户可以通过选择预设的样式模板,如按钮、导航栏、滑块等,生成对应的CSS...

    css实战手册源代码

    这个源代码压缩包包含了书中提到的各种示例,帮助读者更好地理解和应用CSS技术。下面我们将详细探讨其中涉及的一些关键知识点。 1. **CSS选择器**:CSS选择器是CSS中的基本概念,用于选取HTML或XML文档中的元素。在...

    CSS特效生成工具/css代码

    本篇文章将详细讲解如何利用“CSS特效生成工具”来创建和修改CSS特效代码,以及它对新手用户的价值。 首先,CSS特效生成工具是一种在线或离线的应用程序,旨在帮助设计者快速生成特定的CSS样式和特效,无需从头编写...

    40个有创意的html+css网页源代码

    "40个有创意的html+css网页源代码"这个资源集合为开发者提供了丰富的学习材料和灵感来源,无论你是初学者还是经验丰富的专业人士。 HTML(HyperText Markup Language)是用于创建网页内容的标记语言,它定义了页面...

    html+css代码合集

    在这个代码合集中,可能包含了各种练习和项目,比如简单的静态网页、响应式设计示例、动态效果的实现等。通过分析这些文件,我们可以了解到学习者对HTML和CSS掌握的程度,以及他们在实际应用中的创新和实践能力。 ...

    html+css网页设计源代码

    总的来说,这个"html+css网页设计源代码"提供了丰富的学习材料,无论是对网页设计感兴趣的初学者,还是希望深化技能的专业人士,都能从中受益。通过实践和研究这些源代码,你将能够创建出更加美观、功能丰富且易于...

    CSS 初学者常犯错误汇总

    ### CSS初学者常犯错误汇总 #### 一、概述 对于初学者而言,在学习和使用CSS(层叠样式表)的过程中经常会遇到各种各样的问题。这些问题不仅会降低工作效率,还可能导致网页布局出现意料之外的结果。本文将针对CSS...

    超实用的CSS代码

    本资源"超实用的CSS代码"聚焦于提供一系列实用的CSS代码片段,帮助初学者快速理解和掌握CSS的核心概念与应用。 一、选择器与盒模型 CSS的选择器是定位网页元素的关键。基本选择器包括类型选择器(如`p`)、ID选择器...

    CSS初学者代码.zip

    【CSS初学者代码.zip】这个压缩包文件是一个针对CSS初学者的学习资源,包含了从基础到进阶的一些关键知识点。下面将详细阐述其中所涵盖的CSS技术及其应用。 1. **HTML中引入CSS样式的方式** - 第一种方式:内联...

    各种CSS和js动态代码模版

    对于初学者来说,掌握这两门语言的基本语法和技巧是必要的,但有时为了快速实现某些功能,直接使用现成的模板会更高效。"各种CSS和js动态代码模版"这个资源就提供了这样一个便利,让开发者可以节省时间,专注于更...

    1.1.css代码

    css代码初级代码,很适合初学者学习,建议可以详细看一下

    CSS代码生成器 css

    在实际使用过程中,用户可以根据【压缩包子文件的文件名称列表】中的“CSS代码生成器”来查找和下载这类工具,然后根据自己的项目需求,通过工具提供的界面输入相关参数,生成定制化的CSS代码片段,再将其复制到项目...

    HTML CSS 初学的练习.zip

    HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习...

Global site tag (gtag.js) - Google Analytics