常用的CSS属性。

html-css023

常用的CSS属性。,第1张

float,css的一种属性,主要属性值为:left(左浮动)、none(不浮动)、right(右浮动)、inherit(继承父元素浮动),多用于网页排版。

float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

扩展资料

CSS属性

1、整数和实数

在CSS中只能使用浮点小数,而不能像其他编程语言那样使用科学记数法表示实数,即1.2E3在CSS中将是不合法的。下面是几个正确的例子,整数:128、-313,实数:12.20、1415、-12.03。

2、长度量

相对长度单位有:em——当前字体的高度,也就是font.size属性的值;ex——当前字体中小写字母x的高度;Dx——一个像素的长度,其实际的长度由显示器的设置决定,比如在800木600的设置下,一个像素的长度就等于屏幕的宽度除以800。

3、百分数量(percentages)

百分数量就是数字加上百分号。显然,百分数量总是相对的,所以和相对长度量一样,百分数量不被子级元素继承。

参考资料来源:百度百科-CSS

参考资料来源:百度百科-FLOAT

1.如何更换空间背景?

打开高级设置,再自定义CSS,看到里面的

header div.lc{background:url(header div.lc{background:url

(http://img.baidu.com/hi/temp13/hdl.gif) no-repeat}

#header DIV.lc是标题栏左边的图片,#header DIV.rc标题栏的右边,找一个图片,复制下图片的URL地址替换掉[IMG]和[IMG]里面的URL就可以了。

2.如何美化你的百度空间的鼠标

把第一行换成

BODY { BACKGROUND: #faf9f5}

body{background:#000CURSOR: url('http://webme.bokee.com/inc/mouse019.ani')}

a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse022.ani')}

3.如何隐藏播放器而不影响音乐播放。

在css 文件的空白处添加以下代码:

#mod_bgmusic{display:none}

不显示播放器,但不影响音乐的播放。

4.让baidu空间背景音乐支持多首歌曲了

将音乐的网址写到一个记事本文件里,保存扩展名为mp3(如1.mp3),然后将这个文件找个空间传上去。 建议www.139.COM

回到空间中将背景音乐的地址设置为你刚刚做的文件就可以。

5.在空间中使用html javascight代码(原创)

先把html javascight代码上传到免费的Html主页空间,

打开网页,把内容复制

然后,写新文章,把代码粘贴在文章内容里,就ok了!或者用记事本用HTML格式,效果一样。

6.百度空间文字发光的方法

第一步 :

按快捷键,ctrl+f 要搜索的关键字”#m_blog div.cnt”

第二步:

把”{color:#000000line-height:20pxfont-size:14px}

#m_blog div.more{margin:14px 0 16px 0}”换成”{filter:glow

(color=#ff0000,strength=3)color:#ccccccfont-size:12pxfont-size:12px}

7.教你加显示IP地址代码

[1] 进入『设置』--->『高级设置』

[2] 点击右边“自定义CSS可以让您: " 直接编辑CSS文件,实现个性化效果”下面的『开始自定义』

[3] 在最下面加入下面全码

#comm_info div.line{margin-top:5pxline-height:8pxborder-top:1px solid #BBC1C6

background:url(http://www.ip.cn/s.php) no-repeat bottompadding-bottom: 40pxmargin-

bottom: 10px}

8.这样做到CSS阴影效果

字体阴影就是这个指令

Filter:DropShadow(Color=color,Offx=Offx,Offy=offy,

Positive=positive)

也支持图片阴影 效果不好

1:改变人数统计值得大小

找到#comm_info a,在大括号内加font-size:14px即可,数值表示字体大小,现在是14px

2:自定义背景

百度的左右框架或者多框架模板,背景图片只在右边或者左边显示

找到#layout td.c2t3,#layout td.c3t5这一句,改为#layout td.c2t3,#layout td.c3t5 {background:#0D0D0Dbackground:url() no-repeat bottom}

即让左右两个框架用同一个背景

3:显示IP及来源地

找到 #comm_info div.line这个语句,这个语句在百度css的定义为分界线,我们要做的就是让分界线的背景显示IP图片

将 这个语句修改为#comm_info div.line{margin-top:5pxline-height:8pxborder-top:2px solid #BBC1C6background:url(ip签名图片) no-repeat bottommargin-bottom: 123pxvertical-align: subpadding-bottom: 123px}即可。

附上IP签名图地址

5:自定义鼠标样式

在第一行body 整个空间页面{background-color:#FFFFFF}后加上body{CURSOR: url('http://webme.bokee.com/inc/mouse011.ani')}

更多的鼠标指针见我的blog

6:LOGO显示

这个和显示IP来源地实际上十相同的原理,显示logo就不显示ip图

#comm_info div.line{margin-top:4pxline-height:8pxborder-top:2px solid #ff3333

background:url(图片链接) no-repeat bottompadding-bottom: 32pxmargin-bottom: 10px}

7:屏蔽Rss链接,baidu图片

注意这个语句不仅会屏蔽Rss链接,baidu图片,同时也会屏蔽访问量信息(说明文字还在,动态得访问人数统计消失)

#comm_info a {display:none}

8:让你的百度空间里每一个连接都新窗口中打开

在的空间CSS里面最下面加如:

a:active { text:expression(target="_blank")}

9:屏蔽屏蔽空间任何一个版块.

div#+具体版块(CSS里面有)+{display:none}

比如#mod_bgmusic{display:none}为隐藏音乐播放器

#header div.tit{display:none}为不显示 空间名称

10:自定义blog页眉得图片

在css里找到#header div.lc 左背景图{background:url(图片链接) no-repeat}

#header div.rc 右背景图{background:url(图片链接) no-repeat top right}

将图片链接换成你要显示得图片即可,可以用gif动画。具体效果见我得blog

11:头部时间显示特效”:

在你空间CSS最下面加入:

#tabline{margin-top:22pxright:-431pxline-height:8pxbackground:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=12&timezone=GMT+0800&ft=3&tr=y&negate=y) no-repeat bottompadding-bottom: 40pxmargin-bottom: 10px}

代码中请调节:margin-top:22pxright:-431px中的数字,根据您的模板调整。

12:修改blog显示得文字颜色大小

在css里找到 文章内容模块#m_blog div.cnt

将color:#后得数值换成你要得颜色即可,FFFFFF为白色

13:模块透明

在mod后加上一句.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80)-moz-opacity:0.8width:auto !importantwidth:100%}

屏蔽你认为多余的百度空间栏目的方法

方法如下:

在css代码底部添加一下相应语句即可

div#header div.tit{display:none} (屏蔽空间名称语句)

div#tab{display:none} (屏蔽空间栏目导航)

按此规则可以屏蔽你百度空间你觉的不需要的任何一个版块.

其方法是div#+具体版块(CSS里面有)+{display:none}

14.给空间首页添加翻页按钮

把以下代码加到你的CSS中,替换你的CSS中的Body内容

注意:这里要把我的用户名修改你自己用户名~!

之前的按钮因为少了判断,可能出错

这里添加了if进行判断

PS,

为了不改掉自己的Body部分的效果

你可以在其他的没有需要背景的CSS标签中加入background就好了

body {

background: url("

javascript:document.body.onload = function(){

if(document.getElementById("mod_bloglist") ){

var objBlogList=document.getElementById("mod_bloglist")

objBlogList.innerHTML=objBlogList.innerHTML+"<div align=right><a class='modact' href=http://hi.baidu.com/space163/blog/index/1>More...</a></div>"}

}

")

}

最新消息:出于安全性的考虑,百度空间过滤了CSS文本中的"javascript"和"expression"字符串,所以以上这个代码就没有效果了。希望百度公司能尽快出台更好的办法。

15 百度空间导航栏效果的CSS代码

在自定义CSS中,先找到#tab,然后参考下面的CSS代码做修改

#tab a:link{color:#000000text-decoration:nonefont-size:14px}

#tab a:visited{color:#000000text-decoration:none}

#tab a:hover{background:#B7B7B7 bottom}

#tab 指得是导航栏

a:link, a:visited, a:hover 指的是链接

{..}中的内容是属性

效果见友情连接的玩转百度空间

16.百度空间的CSS代码研究之CSS运用

既然百度空间开放了CSS,不来玩玩就可惜了

那么这里简要介绍一下CSS的运用3方式

第一种是包含在<head>...</head>标记里,例如:

<head>

<style type="text/css">

<!--

h1 {font-family:宋体font-size:12ptcolor=blue}

-->

</style>

</head>

<body>

<h1>在这里是行间H1标记</h1>

</body>

第二种是行间定义,例如:

<body>

<h1 style="font-family:宋体font-size:12ptcolor=blue">这是行间定义的H1标记</h1>

</body>

第三中是调用式,例如:

<head>

<LINK REL="stylesheet" href="sample.css">

</head>

还有另外一种调用式:

<head>

<style type="text/css">

<!--

@import url(http://www.yourname.com/style.css)

-->

</style>

</head>

17.百度空间字体修改之光晕字体

找到

#m_blog div.cnt{color:#CCCCCCline-height:20pxfont-size:14px}

改成

#m_blog div.cnt{filter: glow(color=#ff0000,strength=3)color:#ccccccfont-size:12pxfont-size:12px}

要实现不同的颜色,请对照修改以上代码

解说:

#m_blog div.cnt{filter: glow(color=#ff0000,strength=3)color:#ccccccfont-size:12pxfont-size:12px}

`````````````这是光晕颜色; ```````````````````此处为字体颜色

如何修改百度空间的鼠标样式

打开你的空间

设置——高级设置——自定义CSS——开始自定义

在空白处插入

BODY {(…………………………)}

在CSS鼠标样式代码大全里找一个你喜欢的鼠标

复制代码

用代码替换

BODY {(…………………………)}

里的……………………

保存修改

18.如何更换空间的主体背景及文章的背景

主体背景应用于整个空间

一、背景为颜色

body{background:#ffffff} /*表示背景为白色,亦可以用单词white代替*/

即body{background:black}

二、背景为图片

body{background:url(http//:图片位置) 参数} /*可识别的图片格式为jpg、gif、bmp等*/

主要参数:

repeat :背景图像在纵向和横向上平铺

no-repeat:背景图像不平铺

repeat-x :背景图像在横向上平铺

repeat-y :背景图像在纵向平铺

示例:

body{background:url() no-repeat top right}

/* top right 表示图片与浏览器的顶边和右边对齐*/

/* bottom left 表示图片与浏览器的底边和左边对齐*/

文章背景

主体背景并不应用于文章的背景,所以看到主页的文章背景与博客文章的背景并不一致,另外设置。

找到以#m_blog div.cnt开头的代码,如:

#m_blog div.cnt{color:#666666line-height:10pxfont-size:14px}

添加你喜欢的背景颜色或图片(方法同设置主体背景)

示例 : #m_blog div.cnt{padding:10pxbackground:#FF9966color:#666666line-height:10pxfont-size:14px} /* padding 检索或设置对象四边的补丁边距,简单地说指内容与背景的间距。试一下用与不用的效果就很清楚了。*/ 怎样让背景自动更新,包括头背景logo和banner 看人家都写文章,手痒痒了,虽然技术含量不是很高,但咱也不简单啊.呵呵. 大家都见过一些图片贴子回复(刷新)一次就变一个图,很多人都觉的做这图的人一定很了不起,一定很NB,其实也没有什么,就是几句编程语言做的,别怕,虽然涉及编程,但你不需要去学,我们直接拿来用就好了,不懂也没关系.今天我门就利用这种技术教大家怎么让你的空间自动更新背景BANNER,以及LOGO,总之一切图形界面都可以自动更新,简单的说就是:你每一次进入空间都是不同的背景和BANNER,LOGO.想想看 一个人正浏览你的 博客里的文章时,一退回主页,看到与先前截然不同的背景BANNER,LOGO , 一定会以为BAIDU空间出BUG了,居然专到别的空间了,要么就会赞美斑竹精力真旺盛,居然乐此不疲在着不停的换背景..... 说那么多,大家肯定都迫不及待了,那就让我门一步一步实现把. 一, 先教大家做回复一次就变一次的图片. ************************* 随机图片显示 **************************** '使用实例:img.asp?list=图片存放目录 (例如: http://www.dalang.com.cn/testpic/pics.asp?list=imgs&fname这个地址把代码中的img.asp该成了pics.asp) :图片目录放于本文件同目录下!需要FSO支持! 说明:只要将变化图片放于一个目录下,修改下面程序的(需要修改的地方)成你的目录名称! 上传本程序和图片文件夹到同一目录下,在发帖时候使用UBB代码形如:即可! '---------------------------------------------------------------------------------------- Function AllPath() Dim Domain,GFilePath Domain = Request.ServerVariables("SERVER_NAME") GFilePath = Request.ServerVariables("ATH_INFO") GFilePath = lcase(left(GFilePath,instrRev(GFilePath,"/"))) AllPath = "http://"&Domain&GFilePath End Function Function ShowFileList(folderspec) Dim Path,objFSO,objFolder,count,objFile,nume,S ath = Server.MapPath(folderspec) Set objFSO = Server.CreateObject("Scripting.FileSystemObject") If objFSO.FolderExists(Path) Then Set objFolder = objFSO.GetFolder(Path) count = 0 For Each objFile in objFolder.Files count = count+1 Next randomize nume = Int((count*rnd)+1) S = 0 ShowFileList = "" For Each objFile in objFolder.Files S = S + 1 If S = nume Then ShowFileList = objFile.Name Exit For End If Next Set objFolder = Nothing Else ShowFileList = "NO" End If Set objFSO = Nothing End Function Dim list,2004528115924.htm,address,str list = trim(Request.QueryString("list")) if list = "" then Response.write "本页需要正确参数引入,您缺少相关的参数!正确格式如下:"&AllPath&"img.asp?list=(需要修改的地方)" Response.End() end if 2004528115924.htm = ShowFileList("./"&list&"/") if 2004528115924.htm = "NO" then Response.write "您指定的目录<b>"&list&"</b>不存在,请重新指定!" Response.End() end if if 2004528115924.htm = "" then Response.write "您指定的目录<b>"&list&"</b>没有相关的图片文件存在,请重新指定!" Response.End() end if str = right(2004528115924.htm,3) if str<>"jpg" and str<>"gif" then 2004528115924.htm = "erro.gif" end if address = AllPath&list&"/" address = address&2004528115924.htm %><%Response.redirect(address)%>二,PHP代码的做法 制作方法: 1。选择好相关的图片(最好是一个主题的图片,不要太杂的说) 2。裁剪成尺寸相同的图片,否则会变形的(看到PW也有人用类似的头像,但因为尺寸不一,搞的严重变形,实在是不堪入目啊) 3。新建一个php文件,在里面写: <?php $url='tx'$files=array()if ($handle=opendir("$url")) { while(false !== ($file = readdir($handle))) { if ($file != "." &&$file != "..") { if(substr($file,-3)=='gif' || substr($file,-3)=='jpg') $files[count($files)] = $file} } } closedir($handle)$random=rand(0,count($files)-1)readfile("$url/$files[$random]")?>4。将此php文件放在空间某目录下(这个空间当然要支持php),然后在同目录下创建目录tx,将相关图片放在tx目录下。 这样就搞定了。 调用方法:500)this.style.width=500" onmousewheel="return bbimg(this)">php" border=0 >以上两种做法你认为那种简单就学那种,不过这两中做法都有一点限制,大家根据你上传的空间的情况选择,上传完以后就得到了会变图片的绝对地址.例如http://www.dalang.com.cn/testpic/pics.asp?list=imgs&fname 有了这个图片地址,我们就可以到处贴我们做的回复一次变一次的图了,当然这不是我们的最终目的,那好,继续往下看. 三 把图片插入百度空间CSS代码里 1.自动更新的背景 找到第一句代码直接替换成body{background:url(图片地址) no-repeatbackground-position: 说明:大家都知道图片地址一般是以JPG,BMP.GIF结尾的,但我们的地址却不是,如果百度认不出来怎么办,这样想的人一般是比较细心的,我们把上面的地址在浏览器里连接后会随机得到一个图片,然而地址栏里的地址也变成了这样的 ttp://www.dalang.com.cn/testpic/pics.asp?list=imgs&fname=3.jpg怎么样是JPG结尾的了,不用担心它回只单个图片,把这个地址放浏览器里连接一样会随机放出其他的图片当然地址也变成了以4.JPG或者其他的了.(当然背景图片比较大,BANNER图片和LOGO图片比较小,想要全部效果,就勤快点,一个一个做完吧) 2.自动更新BANNER(就是博客上部的图片) 找到代码 #header div.lc{} #header div.rc{} 在大括号里加代码 background:url(BANNER图片地址) no-repeat top left 随便放到那一个括号里都可以.一个就够了. 3.LOGO动更新 有的人可能看到别人空间里的 其他 这个版快里会有一个图片或者是天气预报或IP显示 有图片的我们就称为LOGO在CSS代码找到#comm_info div.line 改为 #comm_info div.line{margin-top:4pxline-height:8pxborder-top:2px solid #ff3333background:url(图片地址) no-repeat bottompadding-bottom: 32pxmargin-bottom: 10px} 转自:http://www.hibaidu.com.cn 百度空间专栏分割线的CSS代码修改方法

与文章之间的图片 方法:找到相应行 如: #m_blog div.line行 替换成 #m_blog div.line{margin-top:17pxline-height:17pxbackground:url(图片地址) repeat-x} 以下是其他分割线代码! /*文章栏目分割线*/ #m_blog div.line{margin-top:17pxline-height:17pxbackground:url(图片地址) repeat-x} /*评论栏目分割线*/ #m_comment div.line{background:url(图片地址)line-height:12px} /*文章分类分割线*/ #m_artclg div.line{background:url(图片地址)line-height:12px} /*有请连接分割线*/ #m_links div.line{background:url(图片地址)line-height:12px} 如何为友情链接增加一个滚动条代码

友情链接太长了怎么办,给他加个滚动条呗,赫赫。

方法如下 : 在CSS找到#m_links div.item代码,在它上面增加这一行 #m_links{overflow-y:autoheight:200px} 显示效果:hi.baidu.com/acoolsun 说明 :1、overflow-y 设置当对象的内容超过其指定高度时如何管理内容; 如果是overflow-x 设置当对象的内容超过其指定宽度时如何管理内容。 2、height:200px 设置<友情链接>的高度。 参数 Visible:扩大面积以显示所有内容 auto: 当内容超出限定值时添加滚动条 hidden:隐藏滚动条 scroll:总是显示滚动条 如果想美化滚动条,则还要增加以下代码 : #m_links{ overflow-y:autoheight:200pxscrollbar-face-color:#daa520scrollbar-highlight-color:#fffscrollbar-shadow-color:#000scrollbar-arrow-color:#4b0082scrollbar-base-color:#daa520scrollbar-dark-shadow-color:#69f} 说明 : scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色 scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色 scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色 scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色 scrollbar-base-color 设置或检索滚动条基准颜色。其它界面颜色将据此自动调整 主要更改是base和face的颜色 文章列表滚动条方法相同 要把#m_links{overflow-y:autoheight:200px} 改成#m_blog{overflow-y:autoheight:200px} 然后修改其中的高度参数即可。 最新评论: 要把#m_links{overflow-y:autoheight:200px} 改成#m_comment{overflow-y:autoheight:200px} 然后修改其中的高度参数即可。 让你的百度空间半透明!半透明代码

#m_blog div.tit{font-size:14pxfont-weight:bold}

上面的空白处插入下面这句代码就好了

.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80)-moz-opacity:0.8width:auto !importantwidth:100%}

效果见:http://hi.baidu.com/yangguangyao

在百度空间中插入图片位置的代码 (1)

应网友之请,将几个常用的插入图片的代码给大家,大家只需将相应代码添加到CSS中即可得到下面的效果。大家需要将代码中的网址,换为自己想插入图片的网址。由于图片大小不定,所以可能需要调整下面两个参数,以求和页面搭配和谐:

padding-bottom: 22pxmargin-bottom: 6px改后面数字即可,padding-bottom为距上高度,margin-bottom为距下高度。

参考资料:http://hi.baidu.com/%B2%CA%BA%E7%5F0/blog/item/70d2cb94f31de91cd31b70ab.html

已经给你从新修改。参见http://hi.baidu.com/coleyinhe 的效果,下面代码里的图片是你要的那个心的,鼠标那也是,你自己试试啦,,我空间上我也改啦。。第一次玩空间。。。顺便帮你弄的时候也自己弄个玩玩。。。。以后有什么这些网页语言方面的我都能帮你啦。。代码里的注释已经写得很清楚了。可以根据自己要求改改的。还有什么不对的地方,我再给你弄弄,导航栏的 主页博客|相册|个人档案 |好友 |设置 这些,如果你要和原来那样或者其他颜色的话。我也可以给你改下,在代码里我也已经标出来了。用16进制的颜色代码写就可以了。----------以下是完整CSS代码------------***************************************---------------------------------------body{background:#000CURSOR: url('http://webme.bokee.com/inc/mouse009.ANI')}/*这里是鼠标的图片*/a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse009.ANI')}/*这里是鼠标碰到连接后的图片*/a:hover {position:relativeleft:1pxtop:1pxclip:rect()}/*body{background:#7CC7FF}/* /*本行为默认模板的,即背景为蓝色,而背景图片不是全部都是的那种*/body{background:url(http://hiphotos.baidu.com/%F6%AD%C0%C7/pic/item/c479b51ce707c98b87d6b6d0.jpg

" target="_blank" >http://hiphotos.baidu.com/%F6%AD%C0%C7/pic/item/c479b51ce707c98b87d6b6d0.jpg

) no-repeatbackground-position: centerbackground-attachment: fixed} /*版权所有cole,coleyinhe@163.com,QQ356572960,允许复制,但请保留该版权信息,否则将动用技术手段破坏!*//*注释说明:如需要修改各分类或者评论以及友情连接这些的那框的高度,超过高度后自动出现滚动条的,那么这个高度设置就是下边注释中 height:500px 这里,height代表高度的意思,500px代表高度尺寸,可以自己设置成1000px 2000px 100px等等*//*色彩配置的注释说明:如需要修改各地段色彩类,请修改代码内如#FFFFFF的,这里使用的是16进制的,可以在一些做图的软件上的调色板里,找到你要的颜色,一般上边都会有一个代码,这个就是这里写的代码了*//*其实CSS样式表的语法格式很简单的,即使不会的人,上边很多语法都是用英文单词的,还有一些参数值,会ASP这些技术的人应该都会啦。。*/#header{height:89pxbackground:url() repeat-x }/*这里是蓝色的那块,就是LOGO后边的那,他是一个小图片,然后拉伸得到的,你也可以直接放大图,但尽量是1024长度的,不然会出现多个相同图片的效果*/#header div.lc{}#header div.rc{background:url(http://zz53.com/images/111.gif) no-repeat top right}/*这里是蝴蝶的那LOGO的地方修改里边的地址即可修改LOGO*/#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{top:89px}/*#tab{top:67pxbackground:#0186E9}*/#tab{top:67pxbackground:filter:alpha(opacity=50)} /*这里有部分是那导航栏的*/#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:0pxline-height:22pxbackground-color:#7CC7FFcolor:#000000font-size:14px}#tab span{color:#FFFFFFfont-size:14px}#tab a:link{color:#FFFFFFtext-decoration:nonefont-size:14px}#tab a:visited{color:#FFFFFFtext-decoration:nonefont-size:14px} #tab2{background:#DAE9F5}#tab2 span{color:#000000font-size:12pxfont-weight:bold}#tab2 a{font-size:12px}#tab2 a:link{color:#0000CC}#tab2 a:visited{color:#0000CC} /*这里这堆是顶部的*//* .stage{background:url(http://hiphotos.baidu.com/%F6%AD%C0%C7/pic/item/c479b51ce707c98b87d6b6d0.jpg

" target="_blank" >http://hiphotos.baidu.com/%F6%AD%C0%C7/pic/item/c479b51ce707c98b87d6b6d0.jpg

) bottom no-repeat }*/ /*这里是背景图片*/.stage{}#comm_info{color:#666666font-family:Arialtext-align:left}#comm_info div.line{margin-top:5pxline-height:8pxborder-top:1px solid #ECECECbackground:url(http://www.ip.cn/s.php) no-repeat bottompadding-bottom: 40pxmargin-bottom: 10px}background:url(http://www.ip.cn/s.php) no-repeat bottompadding-bottom: 40pxmargin-bottom: 10px#comm_info a{color:#1A991E}#page{height:30pxfont-size:14pxfont-family:Arialtext-align:center}#page span{padding:3pxcolor:#000000font-size:14pxfont-weight:bold}#page a.pc{color:#1A991Efont-size:14pxfont-weight:bold}#page a.pc:visited{color:#1A991E}#page a.pi{padding:3pxcolor:#1A991Efont-size:14px}#page a.pi:visited{color:#1A991E}.mod{margin-bottom:10px}.modhandle{cursor:move}.modth{height:24px}.modhead{padding:4px 4px 0 4px}.modopt{padding:4px 4px 0 0}.modtit{color:#0092FFfont-size:12pxfont-weight:bold}a.modtit{color:#0092FF}a.modtit:visited{color:#0092FF}.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:#0092FFfont-size:12px}a.modact:link{color:#0092FF}a.modact:visited{color:#0092FF}.modbox{padding:10px 10px 0 10pxbackground-color:#FFFFFFborder-left:1px solid #FFFFFFborder-right:1px solid #FFFFFF}.modtl{background:url(http://img.baidu.com/hi/temp7/ptitl.gif) no-repeat top leftline-height:1px}.modtc{background:url(http://img.baidu.com/hi/temp7/ptitc.gif) repeat-x}.modtr{background:url(http://img.baidu.com/hi/temp7/ptitr.gif) no-repeat top rightline-height:1px}.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=60)-moz-opacity:0.8width:auto !importantwidth:100%}/*上面这行是透明度的设置,也就是页面和背景的透明度,opacity=60这里可以自己修改,60表示60%的意思*/.modbl{background-color:#FFFFFFborder-left:1px solid #FFFFFFborder-bottom:1px solid #FFFFFFline-height:1px}.modbc{background-color:#FFFFFFborder-bottom:1px solid #FFFFFFline-height:1px}.modbr{background-color:#FFFFFFborder-right:1px solid #FFFFFFborder-bottom:1px solid #FFFFFFline-height:1px}#m_blog{overflow-y:autoheight:500pxscrollbar-face-color:#AAAAAAscrollbar-highlight-color:#fffscrollbar-shadow-color:#000scrollbar-arrow-color:#4b0082scrollbar-base-color:#AAAAAAscrollbar-dark-shadow-color:#69f}/*文章的那滚动条*/#m_blog div.tit{color:#8A3506font-size:14pxfont-weight:boldbackground:url(http://zz53.com/images/222.gif) no-repeat top lefttext-indent: 22pxheight:70pxline-height:75px}#m_blog div.tit a{color:#1A991Efont-size:14pxfont-weight:bold}#m_blog div.tit a:visited{color:#1A991E}#m_blog div.date{margin:5px 0 8px 0color:#999999}#m_blog div.cnt{color:#666666line-height:20pxfont-size:14px}#m_blog div.more{margin:14px 0 16px 0}#m_blog div.more a{color:#1A991Efont-size:14px}#m_blog div.more a:visited{color:#1A991E}#m_blog div.opt{color:#999999font-size:12px}#m_blog div.opt a{color:#1A991Efont-size:12px}#m_blog div.opt a:visited{color:#1A991E}#m_blog div.line{margin-top:17pxline-height:17pxborder-top:1px solid #ECECEC}#m_blog div.none{padding:100px 0 100px 0color:#666666font-size:14px}/*标题的框*/#m_pro a{color:#1A991E}#m_pro a:visited{color:#1A991E}#m_pro div.image{text-align:center}#m_pro div.act{margin-top:10px}#m_pro div.user{margin-top:10pxcolor:#666666font-size:12pxfont-weight:bold}#m_pro div.desc{color:#666666font-size:12px}#m_pro div.line{margin-top:17pxline-height:17pxborder-top:1px solid #ECECEC}#m_pro td{color:#666666line-height:24pxfont-size:14px}#m_album{overflow-x:autoheight:250px} /*这里因为如果没有此限制参数,大图片的时候可能造成整个框架的变形,所以务必保留此项,如不喜欢可以在前面加/*或直接删除即可*/#m_album{overflow-y:autoheight:120pxscrollbar-face-color:#AAAAAAscrollbar-highlight-color:#fffscrollbar-shadow-color:#000scrollbar-arrow-color:#4b0082scrollbar-base-color:#AAAAAAscrollbar-dark-shadow-color:#69f}/*这里是图片也就是像册的那滚动条*/#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{overflow-y:autoheight:200pxscrollbar-face-color:#AAAAAAscrollbar-highlight-color:#fffscrollbar-shadow-color:#000scrollbar-arrow-color:#4b0082scrollbar-base-color:#AAAAAAscrollbar-dark-shadow-color:#69f}/*友情连接的那里*/#m_links div.item{color:#666666font-size:12px}#m_links div.item a{color:#1A991Efont-size:12pxtext-decoration:none}#m_links div.item a:visited{color:#1A991E}#m_links div.line{margin-top:5pxline-height:8pxborder-top:1px solid #ECECEC}#m_artclg{overflow-y:autoheight:120pxscrollbar-face-color:#AAAAAAscrollbar-highlight-color:#fffscrollbar-shadow-color:#000scrollbar-arrow-color:#4b0082scrollbar-base-color:#AAAAAAscrollbar-dark-shadow-color:#69f}/*文章分类的那滚动条*/#m_artclg div.item{color:#666666font-size:12px}#m_artclg div.item a{color:#1A991Efont-size:12px}#m_artclg div.item a:visited{color:#1A991E}#m_artclg div.line{margin-top:5pxline-height:8pxborder-top:1px solid #ECECEC}#m_filed div.item{color:#666666font-size:12px}#m_filed div.item a{color:#1A991Efont-size:12px}#m_filed div.item a:visited{color:#1A991E}#m_filed div.line{margin-top:5pxline-height:8pxborder-top:1px solid #ECECEC}#m_comment{overflow-y:autoheight:120pxscrollbar-face-color:#AAAAAAscrollbar-highlight-color:#fffscrollbar-shadow-color:#000scrollbar-arrow-color:#4b0082scrollbar-base-color:#AAAAAAscrollbar-dark-shadow-color:#69f}/*最新评论的那滚动条*/#m_comment div.item{color:#666666font-size:12px}#m_comment div.item a{color:#1A991Efont-size:12px}#m_comment div.item a:visited{color:#1A991E}#m_comment div.item a.cnt{color:#666666font-size:12pxtext-decoration:none}#m_comment div.item a.cnt:visited{color:#666666text-decoration:none}#m_comment div.item a.cnt:hover{color:#666666text-decoration:underline}#m_comment div.line{margin-top:5pxline-height:8pxborder-top:1px solid #ECECEC}#m_albumlist div.note{color:#666666font-size:14px}#m_albumlist div.desc{margin-bottom:12pxpadding:3px 10px 3px 10pxline-height:22pxbackground-color:#F2F2F2font-size:14px}#m_albumlist div.none{padding:100px 0 100px 0color:#666666font-size:14px}#m_albumlist div.line{margin-top:10pxline-height:16pxborder-top:1px solid #ECECEC}#m_albumlist div.tit{margin:6px 0 7px 0color:#666666font-size:14px}#m_albumlist div.tit a{color:#1A991Efont-size:14px}#m_albumlist div.tit a:visited{color:#1A991E}#m_albumlist span.count{color:#666666font-size:12pxfont-weight:bold}#m_albumlist span.size{color:#999999font-size:12pxfont-family:Arial}#m_albumlist a.act{color:#1A991Efont-size:12px}#m_albumlist a.act:visited{color:#1A991E}#m_albumlist a.page{color:#0000CCfont-size:14px}#m_albumlist a.page:visited{color:#0000CC}#m_albumlist td.image{padding:5pxborder:1px solid #999999background:#FFFFFF}/*这里是像册列表的,就是点导航栏后进入的像册*/#m_friend div.filter{margin-bottom:10pxpadding-left:10pxpadding-top:10pxheight:27pxline-height:27px}#m_friend div.catalog{margin-bottom:10pxpadding-left:10pxheight:27pxline-height:27pxbackground-color:#F2F2F2font-size:14px}#m_friend div.user{margin-top:4pxcolor:#666666font-size:12px}#m_friend div.user a{color:#1A991Efont-size:12px}#m_friend div.user a:visited{color:#1A991E}#m_friend div.line{margin-top:10pxline-height:16pxborder-top:1px solid #ECECEC}#m_setting a{color:#1A991E}#m_setting a:visited{color:#1A991E}#m_setting{line-height:22pxcolor:#666666font-size:14px}#m_setting img.sel{border:4px solid #FFDB7B}#m_setting img.unsel{border:1px solid #D2D2D2}#m_setting span.tit{font-size:14px}#m_setting span.usr{color:#666666}#m_setting div.sel{padding-top:6pxfont-size:14pxfont-weight:bold}#m_setting div.line{margin-top:20pxline-height:16pxborder-top:1px solid #ECECEC}#m_sysinfo a{color:#1A991E}#m_sysinfo a:visited{color:#1A991E}#m_sysinfo{line-height:22pxcolor:#666666font-size:14px}#m_sysinfo span.new{color:#FF0000font-size:10pxfont-family:Arial}#m_sysinfo span.date{color:#666666font-size:14px}#m_setbase{color:#666666font-size:14px}#m_setbase td{color:#666666font-size:14px}#m_setbase div.line{margin-top:5pxline-height:8pxborder-top:1px solid #ECECEC}#in_comment{width:710px}#in_comment div.tit{margin-bottom:12pxcolor:#666666font-size:14pxfont-weight:bold}#in_comment div.user{margin-bottom:6pxcolor:#666666font-size:12px}#in_comment div.user a{color:#1A991Efont-size:12px}#in_comment div.user a:visited{color:#1A991E}#in_comment div.user span.date{color:#666666font-size:12px}#in_comment div.desc{color:#666666font-size:12px}#in_comment div.line{margin-top:17pxline-height:17pxborder-top:1px solid #ECECEC}#in_send div.tit{margin:10px 0 10px 0color:#666666font-size:14pxfont-weight:bold}