百度空间CSS详细教程？

我直接给你贴出来吧,毕竟点入了别人的地址不一定能找到你想要的,好就是好,不好就是不好,请看本人写的教程首先声明本人不是CSS高手，所以有些错误是难免的，本攻略以本人现在使用的CSS代码讲解，全方面的涉及到背景图片，播放器，模块透明，设定页面宽度等问题．大家需要明白的，要装扮好自己的空间除了需要熟知百度空间的CSS外，还要有一定的美工基础，毕竟图片是漂亮的关键．还有，对于新手来讲，最好先看一下百度官方的CSS帮助，不知道地址的请点此进入，这样可以让你了解CSS代码所对应的模块．我对自己的代码作了详细注释，很多下问题可以在我的注释里找到，如不懂的请留言给我． 一：背景图片 一般人设计空间一般是把百度空间分成上下两部分，上指的是空间名称，空间简介那部分，下指的是导航栏以下部分，就是文章内容以及其他小模块．对于新手来讲，这是最好的拆分方法．空间名称这一部分一般是装扮空间的前提，如果有精美的图片，只要改下这里的背景就可以让空间焕然一新．修改这里的背景很简单，打开CSS编辑页面，找到#header，在后面插入BACKGROUND: url(图片地址) no-repeat 0px 0px 在这里讲解下背景图片的几个属性：repeat是指定图片是否平铺和以何种方式平铺.有四个属性：repeat : 默认值。背景图像在纵向和横向上平铺 no-repeat : 背景图像不平铺 repeat-x : 背景图像仅在横向上平铺 repeat-y : 背景图像仅在纵向上平铺 后面的两个PX是指定图片左边距和上边距，这是比较重要的，可以调整图片到你喜欢的位置．这里注意下，在空间名称这部分添加背景图片的时候请同时调整这里的高度和TAB里的距顶部距离．高度代码：height,把高度调整为你图片的高度． 示例：现在我要在空间名称部分放一张高度为160的图片，我们就需要修改两个地方： 1：#header{ HEIGHT: 160px BACKGROUND: url(图片地址) no-repeat 8px 0px;｝ 2：#tab{top:160px;left:0px;} 对于上部分的背景图片就讲到这里．下部分和上部分的方法一样，不过插入代码的地方是.stage 找代码可以按CTRL+F搜索． 我们还可以设定下总体背景，把背景图片代码插在BODY里就可以了．还有很重要的一点，百度的模块都是有背景色的，这样的话，我们就算放入背景图片，基本上也被遮住了，这就需要用到背景透明代码：background:transparent;在你想设置透明的模块里放入此代码就可以了． 具体代码对应模块请参考百度官方CSS帮助，上面已经有连接了． 二：播放器设置 不多说废话，提供代码一个： #phx{FILTER:Alpha(Opacity=66,FinishOpacity=26,Style=2,StartX=20,StartY=40,FinishX=0,FinishY=0)gray();WIDTH: 209px;HEIGHT:45px;margin-top:12px} 这个代码可以任意插在CSS任何位置，只要知道width和height是分别改变播放器宽度和高度的就可以任意改变播放器大小了． 三：指定页面宽度 有些人觉得百度空间的页面看起来太宽，想设计的小一点，这其实不难．甚至简单的只需要知道一个宽度代码：width 当然，为了更方便的设置，我们最好再加入一些自己的代码． #layout td.c2t3{padding-right:0px;padding-top:0px;width:250} #layout td.c2t1{padding-left:170px;padding- top:0px;width:600px;border-right:#930000 0px solid;} #layout td.c2t2{width:60px} 可以把这段代码放在.stage后面C2T3是指定页面右边属性，c2t1指定左边属性，c2t2是左和右的间距．（注意：此代码只针对把空间分成两列的） padding：检索或设置对象四边的内补丁，有上下左右 padding-right：在这里不讲专业术语了，为了大家便于了解，可以当作是指定对象距离右边的位置 padding-top：（同上，指定顶部） padding-left：（同上，指定左边） PADDING-BOTTOM：（同上，指底部） 如果你有很好的美工基础，也可以在这里插入相应的背景图片美化空间． 下面我以我的CSS代码作注释．如要使用，请去掉注释内容． 注意：不小心有些文字搞成黑色了，居然修改不回来，如果看不清楚，请用鼠标选取后再看/* 浪儿制作 t a {text-decoration:none;color:#344500}#m_blog div.cnt a:visited {text-decoration:none;color:#344500}#m_blog div.cnt a:hover {border-bottom:1px #344500 dashed;color:#344500}#m_blog {padding-left:15px;padding-right:15px;margin-top:20px}#m_blog div.tit{padding-top:0px;padding-bottom:0px;color:#4E7304;font-size:13px;font-weight:bold;text-decoration:none;border-bottom:1px solid #4E7304;border-top:0px solid #ffffff;TEXT-INDENT: 119px;line-height:17px}#m_blog div.tit a{color:#4E7304;font-size:13px;font-weight:bold;text-decoration:none}#m_blog div.tit a:visited{color:#4E7304;text-decoration:none}#m_blog div.date{font-size:13px;margin:-20px 0 8px 0;color:#4E7304;TEXT-INDENT: 7px;font-weight:bold}#m_blog div.cnt{color:##005533;line-height:20px;font-size:15px;font-weight:700;PADDING-RIGHT: 10px; PADDING-LEFT: 10px;PADDING-TOP: 10px;PADDING-bottom: 10px;}#m_blog div.more{margin:14px 0 16px 0;text-decoration:none;font-weight:bold}#m_blog div.more a{color:#ffffff;font-size:14px;text-decoration:none;font-weight:bold}#m_blog div.more a:visited{color:#ffffff;text-decoration:none;font-weight:bold}#m_blog div.opt{color:#689411;font-size:12px}#m_blog div.opt a{color:#689411;font-size:12px;text-decoration:none}#m_blog div.opt a:visited{color:#689411;text-decoration:none}#m_blog div.line{margin-top:17px;line-height:17px}#m_blog div.none{padding:100px 0 100px 0;color:#1a4a8a;font-size:14px}#m_pro {text-align:left;padding-left:18px;padding-right:10px;}#m_pro a{color:#995C00;font-weight:bold;text-decoration:none;text-align:center}#m_pro a:visited{color:#995C00;font-weight:bold;text-decoration:none}#m_pro div.image{text-align:center;;border-bottom:#ffffff 1px solid;padding-top:5px;padding-bottom:5px}#m_pro div.act{margin-top:10px}#m_pro div.user{color:#995C00;font-size:12px;font-weight:bold}#m_pro div.desc{color:#995C00;font-size:12px}#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #1A4A8A}#m_pro td{color:#995C00;line-height:24px;font-size:14px}#m_album div.image{text-align:center;padding-top:30px}#m_album div.page{color:#995C00;font-size:12px;text-align:center}#m_album div.page a{color:#995C00;font-size:12px}#m_album div.page a:visited{color:#330000}#m_links {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift}#m_links div.item{color:# 6E981A;font-size:12px; LINE-HEIGHT: 21px}#m_links div.item a{color:#995C00;font-size:12px;text-decoration:none}#m_links div.item a:visited{color:#995C00}#m_links div.linediv.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_artclg {border-top:0px solid #5C85BB;padding-top:5px}#m_artclg {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift}#m_artclg div.item{color:#995C00;font-size:12px;text-align:left;padding-left:0px}#m_artclg div.item a{color:#995C00;font-size:12px;text-decoration:none}#m_artclg div.item a:visited{color:#995C00;text-decoration:none}#m_artclg div.linediv.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_comment {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift}#m_comment div.item{color:#D2E9F4;font-size:12px;}#m_comment div.item a{color:#995C00;font-size:12px;}#m_comment div.item a:visited{color:#995c00;text-decoration:none;}#m_comment div.item a.cnt{color:#995C00;font-size:12px;}#m_comment div.item a.cnt:visited{color:#995c00;text-decoration:none;font-weight:normal;text-align:center}#m_comment div.item a.cnt:hover{color:#D2E9F4;text-decoration:underline;text-align:left}#m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_albumlist div.note{color:#995C00;font-size:14px}#m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}#m_albumlist div.none{padding:100px 0 100px 0;color:#995C00;font-size:14px}#m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #ffffff}#m_albumlist div.tit{margin:6px 0 7px 0;color:#995C00;font-size:14px}#m_albumlist div.tit a{color:#995C00;font-size:14px}#m_albumlist div.tit a:visited{color:#995C00}#m_albumlist span.count{color:#995C00;font-size:12px;font-weight:bold}#m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial}#m_albumlist a.act{color:#995C00;font-size:12px}#m_albumlist a.act:visited{color:#995C00}#m_albumlist a.page{color:#330000;font-size:14px}#m_albumlist a.page:visited{color:#330000}#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#995C00}#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:#F2F2F2;font-size:14px}#m_friend div.user{margin-top:4px;color:#995C00;font-size:12px}#m_friend div.user a{color:#995C00;font-size:12px}#m_friend div.user a:visited{color:#995C00}#m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #995C00}#m_mylink1 {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift}#m_mylink1 div.item{color:#995C00;font-size:12px}#m_mylink1 div.item a{color:#995C00;font-size:12px;text-decoration:none}#m_mylink1 div.item a:visited{color:#995C00}#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_mylink2 {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift}#m_mylink2 div.item{color:#995C00;font-size:12px}#m_mylink2 div.item a{color:#995C00;font-size:12px;text-decoration:none}#m_mylink2 div.item a:visited{color:#995C00}#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_mylink3 {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift}#m_mylink3 div.item{color:#995C00;font-size:12px}#m_mylink3 div.item a{color:#995C00;font-size:12px;text-decoration:none}#m_mylink3 div.item a:visited{color:#995C00}#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_mylink4 {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift}#m_mylink4 div.item{color:#995C00;font-size:12px}#m_mylink4 div.item a{color:#995C00;font-size:12px;text-decoration:none}#m_mylink4 div.item a:visited{color:#995C00}#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_filed {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift}#m_filed div.item{color:#995C00;font-size:12px}#m_filed div.item a{color:#995C00;font-size:12px}#m_filed div.item a:visited{color:#995C00}#m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_setting a{color:#995C00}#m_setting a:visited{color:#995C00}#m_setting{line-height:22px;color:#995C00;font-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:#995C00}#m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold}#m_setting div.line{margin-top:20px;line-height:16px;border-top:1px solid #ffffff}#m_sysinfo a{color:#995C00}#m_sysinfo a:visited{color:#995C00}#m_sysinfo{line-height:22px;color:#995C00;font-size:14px}#m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial}#m_sysinfo span.date{color:#995C00;font-size:14px}#m_setbase{color:#995C00;font-size:14px}#m_setbase td{color:#995C00;font-size:14px}#m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #ffffff}{all rights reserved,/jsqk}#in_comment div.tit{margin-bottom:12px;color:#995C00;font-size:14px;font-weight:bold}#in_comment div.user{margin-bottom:6px;color:#995C00;font-size:12px}#in_comment div.user a{color:#995C00;font-size:12px}#in_comment div.user a:visited{color:#995C00}#in_comment div.user span.date{color:#995C00;font-size:12px}#in_comment div.desc{color:#995C00;font-size:12px}#in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #995C00}#in_send div.tit{margin:10px 0 10px 0;color:#995C00;font-size:14px;font-weight:bold}/* 请不要随意修改版权，尊重别人的劳动成果.如有需要，请和浪儿本人联系 */