什么是CSS模板??

html-css017

什么是CSS模板??,第1张

CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一

点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是

Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工

具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有

几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信

提问的问题整理出来,供诸位参考。

1、CSS在网页制作中一般有三种方式的用法,那么具体在使用时该采用哪种用法?

当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页

中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。

2、CSS的三种用法在一个网页中要以混用吗?

三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处

理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行

了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方

式、外连文件方式。

3、在Dreamweaver3中如何使外部文件式CSS?

在Dreamweaver3中使用外连文件式CSS并没有特殊要求,同样是用记事本创建一个*.css文件,在网页的<head>与

</head>之间加上一句这样的代码:<link rel="stylesheet" href="在这里填上你的CSS文件地址(相对路径+文件

名)" type="text/css">就行了。

4、如何用Dreamweaver3快速创建CSS外连式文件?

对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于

Dreamweaver3对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作:

1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定

义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;

2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在<head>与</head>之间的那段定义好的CSS复制

到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧?

5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗?

不用!先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:style="",再把你刚才定义的CSS从<head>

后面拖到这个双引号中来,把花括号以外的部分删去就行了。

6、在方档头部方式和外连文件方式的CSS中都有“<!--”和“-->”,好象没什么用,不要可以吗?

这一对东东的作用是为了不引起低版本浏览器的错误。如果某个执行此页面的浏览器不支持CSS,它将忽略其中的内

容。虽然现在使用不支持CSS浏览器的人已很少了,由于互联网上几乎什么可能都会发生,所以还是留着为妙。

7、如何给一部分文字加背景色?

给文字加上不同颜色,在DW3中只要在属性面板上选取文字的颜色就行了,非常方便,但要给部分文字加不同的背景色

却没有相应的功能,我们可以先做一个定义背景色的CSS(如:bgstyle),在DW3中点几下鼠就完成了。如一个定义淡黄色

背景的CSS是这样的:

<style type="text/css">

<!--

.bgstyle { background: #FFFFCC}

-->

</style>

在要用时选取那段文字,再在CSS面板上点一下“bgstyle”就行了。

8、如何给部分文字加背景图像?

与加背景色操作类似,中是在背景在选择加载图象就是了,一个定义好的加背景图象的CSS例子的代码是这样的:

<style type="text/css">

<!--

.imgbgstyle { background-image: url(/logo.gif)}

-->

</style>

在要用时选取那段文字,再在CSS面板上点一下“imgbgstyle”就行了。

9、如何使页面的背景在文字“滚动”时背景图案静止不动?

要使背景图案不随文字“滚动”的CSS是这样的:

<style type="text/css">

<!--

BODY { background: purple url(/bg.jpg)

background-repeat:repeat-y

background-attachment:fixed

}

-->

</style>

10、如何定义字间距?

在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“letter spaceing”属性定义的就

是字间距,它指的是每一个字符之间的额外间距,经长度为单位,正负值均可,当取负值时产生字符挤在一起的效果。下

面代码是一个定义好的字间距CSS例子:

<style type="text/css">

<!--

.style1 { letter-spacing: 3px}

-->

</style>

11、如何给文字加上划线、下划线、删除线和闪烁?

在DW3中CSS的属性定义对话框(style Definition for .style1)的“Type”上的“decoration”属性定义的就是这些

内容,要注意的是闪烁属性有些版本的浏览器不支持,少用为好。下面是一个定义好上述效果的CSS例子:

<style type="text/css">

<!--

.style1 { text-decoration: underline overline line-through blink}

-->

</style>

其中: “underline”是定义下划线;“overline ”是定义上划线;“ line-through”定义的是删除线;“blink”

定义的是文字闪烁。

12、如何使网页具有“首行缩进”功能?

由于DW3输入空格不方便,利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框(style Definition

for .style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”,所谓“首行”是指每段内容的第一行,也

就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉

字,设置好的CSS如下所示:

<style type="text/css">

<!--

.style1 { text-indent: 2em}

-->

</style>

在DW3要注意:在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“text-indent”右

面的缩进单位选择框中“ems”指的就是“em”。

13、在用表格进行排版时,能使某一方向上的内容离开表格线一点吗?

可以!在DW3中CSS的属性定义对话框(style Definition for .style1)的“Box”上的“margin”定义的就是内容离

开边缘的距离,分别可定义四个方向:“top”“bottom”“left”“right”。下面就是定义在左边离开“10px”的CSS例

子代码:

<style type="text/css">

<!--

.style1 { margin: 0px 0px 0px 10px}

-->

</style>

14、能给某部分内容加边框吗?

用CSS可以给某部分内容加边框,在DW3中CSS的属性定义对话框(style Definition for .style1)的“Border”定义

的就是边框线,“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色,这些定义好后不要忘记在下面的

“style”中定义线型,否则将看不边框线,因为默认的线型是“none”。下面是一个定义了上边框为:蓝色细线;左边框

为:绿色中粗线的CSS例子:

<style type="text/css">

<!--

.style1 { border: solidborder-width: thin 0px 0px mediumborder-color: #0000FF black black #00FF00}

-->

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

留言板不能单独加上背景,留言板模块属于主体区域,你可以设置.stage{}区域的图片,模板主体区域

也可以设置每个模块的图片

.modbox{padding:10px 10px 0 10pxbackground-color:#F5FEECborder-left:1px solid #6AB30Fborder-right:1px solid #6AB30F}——模块内容区主背景颜色:关于我,最新评论,文章列表,好友列表区域背景颜色或图片。

这个是显示在主页的代码

主页留言板代码:

#mod_board div.item {color:#0909F7font-size:12px}——留言内容

#mod_board span.date{color:#FF88FF}——留言时间

#mod_board div.user a{color:#00FFFF}——留言用户名

#mod_board div.user a img{}——留言用户头像

#mod_board td.index{color:#00FFFF}——留言序号

#mod_board div.line{margin-top:10pxbackground-color:#000000line-height:1px}——分界线

这个是点击查看全部留言的代码

留言板区域 #in_msg留言区部分

#in_msg{width:710px}——整体部分

#in_msg div.tit{margin-bottom:12pxcolor:#666666font-size:14pxfont-weight:bold}——留言板的标题

#in_msg .item td.index{width:40pxfont-weight:bold}——留言序号

#in_msg .item div.user{width:150pxcolor:#666666}——留言人名

#in_msg .item div.user a{color:#5AB600font-size:12px}——留言人名称(带链接的)

#in_msg .item div.user a:visited{color:#5AB600}——留言人名称(点击之后)

#in_msg .item div.user img{margin-bottom:5px}——留言人头像

#in_msg .item td.cnt a{color:#5AB600font-size:12px}——"删除"(未点击时的式样)

#in_msg .item td.cnt a:visited{color:#5AB600}——"删除"(点击之后的式样)

#in_msg span.date{color:#666666font-size:12px}——留言日期

#in_msg div.desc{margin-top:5pxcolor:#666666font-size:12px}——留言内容(文字部分)

#in_msg div.line{background:url(图片地址) repeat-x center center}——分割线 (也是留言条数)