Question

怎么用CSS代码制作百度空间模板？

百度的CSS说明什么乱起八糟的，看不懂。谁能详细地教一下？

Answer 1

点空间中的设置,点自定义模板,点创建新模板,把里面的代码删掉,把下面的代码复制 粘贴上,点另存为,就做出来了.点应用,就能用了. body{background:url(http://img.baidu.com/hi/temp14/body.gif) repeat-x #FFFFFF} body{background: url(

); background-repeat:repeat; background-attachment:fixed; background-position:0px -200px} #header{height:89px} #header div.lc{} #header div.rc{} #header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体} #header div.tit a.titlink{color:#4B4B4B;text-decoration:none} #header div.tit a.titlink:visited{color:#4B4B4B;text-decoration:none} #header div.desc{top:33px;left:20px;color:#4B4B4B;font-size:13px} #tabline{top:89px;background-color:#C4894B} #tab{top:67px} #tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2px;line-height:20px;background-color:#C4894B;color:#FFFFFF;font-size:14px} #tab span{color:#000000;font-size:14px} #tab a:link{color:#000000;text-decoration:none;font-size:14px} #tab a:visited{color:#000000;text-decoration:none;font-size:14px} #tab2{background:#DAE9F5} #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{} #comm_info{color:#666666;font-family:Arial;text-align:left} #comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #CCDFF3} #comm_info a{color:#C4894B} #page{height:30px;font-size:14px;font-family:Arial;text-align:center} #page span{padding:3px;color:#666666;font-size:14px;font-weight:bold} #page a.pc{color:#C4894B;font-size:14px;font-weight:bold} #page a.pc:visited{color:#C4894B} #page a.pi{padding:3px;color:#C4894B;font-size:14px} #page a.pi:visited{color:#C4894B} .mod{margin-bottom:10px} .modhandle{cursor:move} .modth{height:24px} .modhead{padding:4px 4px 0 4px} .modopt{padding:4px 4px 0 0} .modtit{color:#C4894B;font-size:12px;font-weight:bold}a.modtit{color:#C4894B}a.modtit:visited{color:#C4894B} .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:#FFFFFF;text-decoration:underline} .modact{color:#C4894B;font-size:12px}a.modact:link{color:#C4894B}a.modact:visited{color:#C4894B} .modbox{padding:10px 10px 0 10px;background:url(http://img.baidu.com/hi/temp14/mbg.gif) repeat-x #FFFFFF;border-left:1px solid #F6D3AE;border-right:1px solid #F6D3AE} .modtl{background:url(http://img.baidu.com/hi/temp14/ptitl.gif) no-repeat top left;line-height:1px} .modtc{background:url(http://img.baidu.com/hi/temp14/ptitc.gif) repeat-x} .modtr{background:url(http://img.baidu.com/hi/temp14/ptitr.gif) no-repeat top right;line-height:1px} .modbl{background-color:#FFFFFF;border-left:1px solid #F6D3AE;border-bottom:1px solid #F6D3AE;line-height:1px} .modbc{background-color:#FFFFFF;border-bottom:1px solid #F6D3AE;line-height:1px} .modbr{background-color:#FFFFFF;border-right:1px solid #F6D3AE;border-bottom:1px solid #F6D3AE;line-height:1px} #m_blog div.tit{color:#8A3506;font-size:14px;font-weight:bold;background:url(

" target="_blank" >

) no-repeat top left;text-indent: 22px;height:70px;line-height:75px} #m_blog div.tit a{color:#8A3506;font-size:14px;font-weight:bold;background:url(

" target="_blank" >

) no-repeat top left;text-indent: 22px;height:70px;line-height:75px} #m_blog div.tit a:visited{color:#666666} #m_blog div.date{margin:5px 0 8px 0;color:#666666} #m_blog div.cnt{color:#666666;line-height:20px;font-size:14px} #m_blog div.more{margin:14px 0 16px 0} #m_blog div.more a{color:#C4894B;font-size:14px} #m_blog div.more a:visited{color:#C4894B} #m_blog div.opt{color:#666666;font-size:12px} #m_blog div.opt a{color:#C4894B;font-size:12px} #m_blog div.opt a:visited{color:#C4894B} #m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #CCDFF3} #m_blog div.none{padding:100px 0 100px 0;color:#666666;font-size:14px} #m_pro a{color:#C4894B} #m_pro a:visited{color:#C4894B} #m_pro div.image{text-align:center} #m_pro div.act{margin-top:10px} #m_pro div.user{margin-top:10px;color:#666666;font-size:12px;font-weight:bold} #m_pro div.desc{color:#666666;font-size:12px} #m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #CCDFF3} #m_pro td{color:#666666;line-height:24px;font-size:14px} #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{ overflow-y:auto;height:500px; scrollbar-face-color:#FFCC99; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#000; scrollbar-arrow-color:#4b0082; scrollbar-base-color:#FFCC99; scrollbar-dark-shadow-color:#69f; } #m_links div.item{color:#666666;font-size:12px} #m_links div.item a{color:#C4894B;font-size:12px;text-decoration:none} #m_links div.item a:visited{color:#C4894B} #m_links div.line{background:url(

" target="_blank" >

" target="_blank" >

" target="_blank" >

);line-height:30px} #m_artclg{ overflow-y:auto;height:300px; scrollbar-face-color:#FFCC99; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#000; scrollbar-arrow-color:#4b0082; scrollbar-base-color:#FFCC99; scrollbar-dark-shadow-color:#69f; } #m_artclg div.item{color:#666666;font-size:12px} #m_artclg div.item a{color:#C4894B;font-size:12px} #m_artclg div.item a:visited{color:#C4894B} #m_artclg div.line{background:url(

" target="_blank" >

" target="_blank" >

" target="_blank" >

);line-height:30px} #m_comment{ overflow-y:auto;height:200px; scrollbar-face-color:#FFCC99; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#000; scrollbar-arrow-color:#4b0082; scrollbar-base-color:#FFCC99; scrollbar-dark-shadow-color:#69f; } #m_comment div.item{color:#666666;font-size:12px} #m_comment div.item a{color:#C4894B;font-size:12px} #m_comment div.item a:visited{color:#C4894B} #m_comment div.item a.cnt{color:#666666;font-size:12px;text-decoration:none} #m_comment div.item a.cnt:visited{color:#666666;text-decoration:none} #m_comment div.item a.cnt:hover{color:#666666;text-decoration:underline} #m_comment div.line{background:url(

" target="_blank" >

" target="_blank" >

" target="_blank" >

);line-height:30px} #m_albumlist div.note{color:#666666;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:#666666;font-size:14px} #m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #CCDFF3} #m_albumlist div.tit{margin:6px 0 7px 0;color:#666666;font-size:14px} #m_albumlist div.tit a{color:#C4894B;font-size:14px} #m_albumlist div.tit a:visited{color:#C4894B} #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:#C4894B;font-size:12px} #m_albumlist a.act:visited{color:#C4894B} #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:#FFFFFF} #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:#666666;font-size:12px} #m_friend div.user a{color:#C4894B;font-size:12px} #m_friend div.user a:visited{color:#C4894B} #m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #CCDFF3} #m_setting a{color:#C4894B} #m_setting a:visited{color:#C4894B} #m_setting{line-height:22px;color:#666666;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:#666666} #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 #CCDFF3} #m_sysinfo a{color:#C4894B} #m_sysinfo a:visited{color:#C4894B} #m_sysinfo{line-height:22px;color:#666666;font-size:14px} #m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial} #m_sysinfo span.date{color:#666666;font-size:14px} #m_setbase{color:#666666;font-size:14px} #m_setbase td{color:#666666;font-size:14px} #m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #CCDFF3} #in_comment{width:710px} #in_comment div.tit{margin-bottom:12px;color:#666666;font-size:14px;font-weight:bold} #in_comment div.user{margin-bottom:6px;color:#666666;font-size:12px} #in_comment div.user a{color:#C4894B;font-size:12px} #in_comment div.user a:visited{color:#C4894B} #in_comment div.user span.date{color:#666666;font-size:12px} #in_comment div.desc{color:#666666;font-size:12px} #in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #CCDFF3} #in_send div.tit）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold} #phx{FILTER:Alpha(Opacity=66,FinishOpacity=36,Style=0,StartX=20,StartY=40,FinishX=0,FinishY=0)gray();WIDTH: 225px;HEIGHT:45px}

Answer 2

百度空间手册..

比百度的详细多了...

http://hi.baidu.com/kevin8654321/blog/category/%BE%F8%BB%CA~css%C3%D8%BC%AE

Answer 3

参考这个