你是否覺(jué)得背景音樂(lè )播器太大,不透明,修改方法很簡(jiǎn)單:
在CSS代碼最下面加上：#phx{FILTER: Alpha(Opacity=100, FinishOpacity=25, Style=2, StartX=20, StartY=100, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 32px}
2：更改你空間的鼠標式樣
body{background:url(http://hiphotos.baidu.com/lizhaohuilx/pic/item/a5dc213be61439eb15cecb8f.jpg) ;background-attachment: fixed;CURSOR: url('http://webme.bokee.com/inc/mouse019.ani')}a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse019.ani')}
在CSS編輯情況下，找到我標注的藍色部分，第一段藍色部分URL的代碼是空間鼠標式樣， 第二段藍色部分則是點(diǎn)擊內容時(shí)變化的鼠標式樣。到下面的地址里找一個(gè)自己喜歡的鼠標式樣更改即可。
鼠標式樣地址：
http://myok.blogchina.com/3429184.html
3：設置透明背景圖
1.進(jìn)入你的空間----|設置|----|模板設置|-----自定義模版CSS可以讓您： • 直接編輯CSS文件，實(shí)現個(gè)性化效果----|編輯|
2.刪除開(kāi)頭處的4句語(yǔ)句：
body{background-color:#FFFFFF}
#header{height:89px;background:#CDF991}
#header div.lc{}
#header div.rc{background:url(http://img.baidu.com/hi/temp9/hdr.jpg) no-repeat top right}
3.刪除第21行處的這條語(yǔ)句：
.stage{background:#DFFFB2}
4.在開(kāi)頭位置復制并粘貼以下語(yǔ)句：
body {background:url(http://hiphotos.baidu.com/moxinxi/pic/item/66a2ccfc10df9c82b801a029.jpg) repeat fixed!important}
#m_pro{background:transparent}
#m_album{background:transparent}
#m_blog{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
#header{height:89px}
#m_links{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
3：IP地址顯示
添加代碼到“其它”模塊中：
找到 #comm_info div.line段（如果不是特別追求代碼完美，可以直接將下面代碼加到CSS表末尾即可），改為：
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(http://www.ip.cn/s.php) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
注1：可以調節代碼中如下變量的數值定義顯示時(shí)間的位置（top為距頁(yè)面頂端的高度，right為到頁(yè)面右側的距離）：
margin-top:1px;right:-431px;
4：電子時(shí)鐘顯示
代碼是添加到“個(gè)人檔案”模塊中
#m_pro div.act{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=A) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
復制下面的網(wǎng)址替換上面網(wǎng)址可替換其它式樣
'http://escati.linkopp.net/cgi-bin/clock.cgi?prgb=00ffff&timezone=GMT+0800' border='0' width='200' height='30'
http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=B
http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=C
http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=D
http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=E
http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500
5：增加天氣預報的方法
1：新建自定義模塊，記住模板的標號，本站選用的為模塊2，點(diǎn)擊上面的保存。
2：返回主頁(yè)進(jìn)行模塊編輯，模塊名稱(chēng)取為天氣預報，鏈接名稱(chēng)為：天氣預報，鏈接地址為：http://www.tq121.com.cn/ 操作完成后返回。
3：進(jìn)入CSS代碼編輯，找到剛才自定義模塊的代碼，如本站為#m_mylink2，將四段以此開(kāi)頭的代碼換為以下代碼：
#m_mylink2 div.item a{color:#FFFFFF;font-size:15px;text-align:center;font-family:隸書(shū)}
#m_mylink2 div.item a:visited{color:#FFFFFF;font-family:隸書(shū)}
#m_mylink2 div.line{background:url(http://firetear.com/weather/weather.aspx?city=%u5BBF%u8FC1&style=1) no-repeat bottom;line-height:40px;margin-bottom: 10px;margin-top:5px;padding-bottom: 138px}
以上操作完成就算基本大功告成了，（注意：要把第四行代碼url后面的地址換在你所在地的地址，具體可以到 http://firetear.com/weather/ 網(wǎng)站里去找，你只需把生成代碼里面SRC后后面的地址打復制過(guò)來(lái)替換以上地址就可以）
6：CSS內容及幾個(gè)主要部分的設置方式
CSS內容及幾個(gè)主要部分的設置方式
空間背景顏色/鼠標設置區域
如果要設置特殊風(fēng)格的鼠標，需要在代碼文件的第一行加上：
a:hover {cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/187.ani')}
body {cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/1547.ani')}{background-color:#FFFFFF}
第一行括號內的鏈接是點(diǎn)到鏈接時(shí)的鼠標狀態(tài)，第二行括號內的鏈接是正常的鼠標狀態(tài)，第二行后邊的background-color后邊的顏色代碼是指整個(gè)空間的背景顏色。六位顏色代碼可以在這里找到。
如果不需要設置特殊鼠標，那么這一部分只保留“body {background-color:#顏色代碼}”就可以了。
空間名稱(chēng)/標題圖片設置區域
#header{height:300px;background:url(……)}
這是空間標題欄的主體部分，{}內的文字解釋如下：
“height”指標題欄的高度，這個(gè)要與你放在標題欄的圖片高度相同；后邊的括號內是你要做標題的圖片的鏈接，寬度為1024px的圖片比較合適，圖片高度可以根據自己的喜好決定。
#header div.lc{}
#header div.rc{}
如果想在標題的左右兩邊放置不同的圖片（參見(jiàn)小小的空間），就在第一行的{}內加上左邊的圖片鏈接，格式為{background:url(……) no-repeat left}。第二行的{}內加上右邊圖片的鏈接，格式為{background:url(……) no-repeat right}。否則{}內留空就可以。
#header div.tit{top:30px;left:20px;line-height:22px;font-size:30px;font-family:隸書(shū)}
這里要設置的是空間名稱(chēng)的位置（top后邊的數字是文字離空間標題欄上邊界的距離，left后邊的數字是離左邊界的距離）；大?。╢ont-size后邊的數字）；字體（font-family后邊的文字）。
#header div.tit a.titlink{color:#......;text-decoration:none}
#header div.tit a.titlink:visited{color:#......;text-decoration:none}
這兩行應該是設置空間名稱(chēng)文字的顏色，但是我搞不清楚2行有什么區別，所以索性都設成一樣的好了。如果想要把文字設成設成黑體或下劃線(xiàn)，就把text-decoration:后邊的none相應地改成bold或underline。
#header div.desc{top:60px;left:20px;color:#......;font-size:13px}
這行是設置空間簡(jiǎn)介（空間名稱(chēng)下邊那行小標題）的位置、大小和字體的，設置方法同空間名稱(chēng)的設置。
#tabline{top:415px;background-color:#......}
這個(gè)是指TAB菜單欄（主頁(yè)/博客/相冊/好友/設置那一行）下邊的分隔線(xiàn)的位置和顏色，top后邊的數字是指分割線(xiàn)離空間標題欄上邊界的距離，這個(gè)數字要根據標題欄的高度和菜單的位置（是與圖片重疊或位于圖片下方）來(lái)決定。
#tab{top:390px}
這個(gè)是指TAB菜單欄的位置，top后邊的數字是指距空間標題欄上邊界的距離。
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2px;line-height:20px;background-color:#......;color: #……;font-size:14px;font-weight:bold;}
這一行是指TAB菜單被選中后的狀態(tài)，文字的位置，文字后邊背景的顏色，文字顏色，字號等等。
#tab span{color:#F93A60;font-size:14px}
這個(gè)是指TAB菜單中間的分隔符（就是那條豎線(xiàn)）的顏色和大小。
#tab a:link{color:#......;text-decoration:none;font-size:14px}
這一行是指TAB菜單未被選中時(shí)的狀態(tài)，文字顏色，其它定義，字號。
#tab2部分是TAB菜單下方的第二TAB菜單欄（比如“設置”下方的“基本選項”“模板設置”這一欄）的設置，設置方法同上。
.stage{background-color:#......}
這個(gè)是空間內容區域（TAB菜單欄以下直到空間底部）的背景顏色/圖片設置，不想設置也可以把{ }留空。
博客文章標題/文字設置區域
#m_blog div.tit{font-size:14px;font-weight:bold;line-height:50px;text-indent:60px}
博客文章標題欄的設置，line-height后邊的數字是用來(lái)定義標題欄高度的，text-indent后邊的數字是指標題文字向右縮進(jìn)的距離，如不需 要縮進(jìn)可設為0。如果想在每篇文章的標題前加上圖片，可以在{}內的結尾處加上“background:url(圖片鏈接) no-repeat”，然后按照加入的圖片尺寸相應調整標題欄高度和文字縮進(jìn)處的數值。QQ里的那些可愛(ài)的動(dòng)畫(huà)表情圖標都可以拿來(lái)用，另存后上傳到百度空 間的相冊就可以啦。
#m_blog div.tit a{color:#......;font-size:14px;font-weight:bold}
博客文章標題鏈接的狀態(tài)設置。
#m_blog div.tit a:visited{color:#047304}
博客文章標題被選中后的狀態(tài)設置。
#m_blog div.date{margin:5px 0 8px 0;color:#666666;text-align:right}
博客文章日期的設置，margin指距標題欄的距離，text-align指日期的位置（居左居右或居中）。
#m_blog div.cnt{color:#666666;line-height:20px;font-size:14px}
博客文章內容設置：文字顏色，行距，字號。
#m_blog div.more a{color:#047304;font-size:14px}
“閱讀全文”鏈接狀態(tài)設置。
#m_blog div.more a:visited{color:#047304}
博客文章標題鏈接被選中后的的狀態(tài)設置。
#m_blog div.opt{color:#047304;font-size:12px}
文章操作區（如編輯、評論等）的設置。
#m_blog div.opt a{color:#047304;font-size:12px}
文章操作區鏈接狀態(tài)設置。
#m_blog div.opt a:visited{color:#047304}
文章操作區鏈接被選中后的狀態(tài)。
#m_blog div.line{margin-top:10px;line-height:60px;background:url(圖片鏈接) no-repeat center}
文章和文章之間的分隔線(xiàn)設置，margin-top指分隔線(xiàn)與上一篇文章之間的距離，line-height指分隔線(xiàn)區域的高度，結尾處可定義分隔線(xiàn)的位置（no-repeat center指不重復，居中，repeat-x指橫向重復）。
音樂(lè )播放器的設置
如果覺(jué)得空間默認的音樂(lè )播放器不好看，可以在空間最后加上這段代碼來(lái)改變播放器的大小和顏色：
#phx{FILTER:Alpha(Opacity=60,FinishOpacity=36,Style=0,StartX=20,StartY =40,FinishX=0,FinishY=0)gray;WIDTH:500px;HEIGHT:45px}（這個(gè)是我的播放器代碼）
這段代碼有點(diǎn)復雜，撿能看懂的部分介紹一下吧，其他的還沒(méi)摸索出來(lái)呢：
Opacity=透明度，可以用0-100之間的數值，數值越低透明度越高；FinishOpacity=過(guò)度透明度，即邊緣的透明度（這個(gè)我還沒(méi) 搞懂怎么玩）；gray＝顏色/風(fēng)格，可以設為默認、gray、xray、invert等，可以自己嘗試；WIDTH后邊的數字表示播放器的寬度， HEIGHT后邊的數字表示播放條的高度。
7：百度空間文字發(fā)光的方法
在你想要設置發(fā)光文字的模塊插入
;filter:glow (color=#xxxxxx,strength=3)
color為發(fā)光的顏色，strength為發(fā)光強度，值為1到255
8：播放器大小調整
播放器代碼
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=10, StartY=10, FinishX=0,FinishY=0); WIDTH: 470px; HEIGHT: 400px}
470和400分別是播放器的寬和高！根據MV視頻大小自己改哦
9：評論下增加背景圖
#spBlogCmtText {border: 8px solid #1AE61A ;
background:url(圖片地址) no-repeat top center;
background-attachment: fixed;
圖片地址換成自己的圖片，最佳尺寸是503*153，這樣會(huì )圖片完全顯示，8px表示評論邊框的寬度，#1AE61A 表示評論邊框的顏色
10：制作透明的模塊
把filter:alpha(opacity=80)寫(xiě)入你想要透明的模塊中，opacity為0是完全透明，100是不透明。
11：友情連接的應用
連接郵箱；
在鏈接地址中輸入mailto:自己的郵箱地址就可以了
鏈接QQ；
在連接地址中輸入http://wpa.qq.com/msgrd?V=1&Uin=自己的QQ號即可鏈接了
添加“發(fā)送消息”的鏈接：
在連接地址中輸入http://msg.baidu.com/ms?ct=21&cm=1&tn=bmSendMessage&un=你的百度用戶(hù)名
添加“加為好友”的鏈接：
在連接地址中輸入http://tiebacommit.baidu.com/f?ct=369098752&tn=bdPPFriSmt&cm=223&word=你的百度用戶(hù)名&bu=你的空間地址
12：如何在文章標題前加圖片
找到#m_blog div.tit，Blog文章標題的代碼
添加代碼如下：
#m_blog div.tit{font-size:14px;font-weight:bold;
line-height:90px;
text-indent:120px;
background:url(圖片地址) no-repeat;}
解釋
line-height:多少px;設置標題的高度，其實(shí)這里的設置為圖片的高度就可以了
text-indent:多少px;設置標題的文本前面空多少寬度，這里可以填圖片的寬度，為了美觀(guān)起見(jiàn)，可以再多+5、6px
background:url(圖片地址) no-repeat;設置添加的圖片地址，no-repeat就是不重復，一定要設置，不然圖片就覆蓋滿(mǎn)整個(gè)標題欄了
其他模塊代碼設置方法跟這個(gè)也是一樣的
13：給超鏈接添加按鈕效果
鼠標移動(dòng)到超鏈接上，它會(huì )自動(dòng)往右下角下陷的是代碼：
a:hover {position:relative; left:1px; top:1px; clip:rect()}
添加body{}的下面就可以了，這樣整個(gè)頁(yè)面的超鏈接都會(huì )有這個(gè)效果了
下面是我對代碼的解釋?zhuān)?br>position:relative定位，就是設置當前對象所在的位置固定，以作后面參數的參考位置，relative是設置對象不可層疊
left:1px距離左邊間隔1px，這里的作用是相對于定位的位置右移1px
top:1px距離頂上間隔1px，這里的作用是相對于定位的位置下移1px
clip:rect()依據上-右-下-左的順序提供自定位對象左上角為(0,0)坐標計算的四個(gè)偏移數值，這里的( )中留空，就是全部為0值，這里的作用就是指定left和top作用的坐標位置
14：隱藏你不想顯示的模塊
隱藏的代碼
display:none
加入到你想隱藏的模塊中
/*屏蔽Rss鏈接，baidu圖片*/
#comm_info a {color:#3399CC;display:none}
15：解決回車(chē)換兩行的問(wèn)題
Shift+回車(chē)
16：鼠標設置
在body{} 中添加
;CURSOR: url('http://webme.bokee.com/inc/mouse028.cur')}
a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse031.ani')
第一行是鼠標指針初始形態(tài)，第二行是鼠標指針碰到鏈接的形態(tài)
CSS鼠標樣式大全http://myok.bokee.com/3429184.html
17：改變你的按鈕和輸入欄的顏色及字體
input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑體;border:1px solid green;background-color:black}
textarea{overflow:hidden}
參數
color:green 表示字體顏色。
font-size:14px 表示字體大小。
font-family:Georgia,黑體 表示英文字體和中文字體
border:1px 表示邊框的粗細。
solid green 表示邊框的顏色。
background-color:black 表示背景色
18：文章虛線(xiàn)邊框
#m_blog div.cnt{color:#333333;line-height:20px;font-size:14px;border:1px dashed #090688;background:#Ffffff;PADDING: 10px;}
/
#m_blog div.cnt{color:#808080;line-height:20px;font-size:16px;border-top:2px dashed #1DC01D;border-bottom:2px dashed #1DC01D;border-left:2px dashed #1DC01D;border-right:2px dashed #1DC01D;PADDING-RIGHT: 10px; PADDING-LEFT: 10px;PADDING-TOP: 10px;PADDING-bottom: 10px;}
dotted： 點(diǎn)線(xiàn)
dashed : 虛線(xiàn)
double : 雙線(xiàn)邊框
groove : 3D凹槽
ridge : 菱形邊框
inset : 3D凹邊
outset : 3D凸邊
19：文章在新窗口中打開(kāi)
a:active { text: (target="_blank");}
20：空間透明
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
21:右下角彈出窗口
#main{
background:url('javascript:
var sunPop = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=\"border:solid #A96D13 1px\" width=\"200\" height=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#88CFFF\" >";
winstr+="<tr><td height=\"30\"> </td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color:#209C20; face:黑體\">"+msgstr+"</td></tr></table></td></tr></table>";
sunPop.document.body.innerHTML=winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1720){
clearTimeout(mytime);
sunPop.hide();
return;
}else if(popTop>1520&&popTop<1720){
sunPop.show(screen.width-250,screen.height,200,1720-popTop);
}else if(popTop>1500&&popTop<1520){
sunPop.show(screen.width-250,screen.height+(popTop-1720),200,150);
}else if(popTop<180){
sunPop.show(screen.width-250,screen.height,200,popTop);
}else if(popTop<220){
sunPop.show(screen.width-250,screen.height-popTop,200,150);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg("2007年2月10日<br>你好，親愛(ài)得朋友。<br>你要說(shuō)的話(huà)。<br>你要說(shuō)的話(huà)~");
')
}
22:"發(fā)表評論"區域
#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold}
設置“發(fā)表評論”區域上方的“發(fā)表評論”四個(gè)大字，其中color:#FFFFFF設置字的顏色，font-size設置字的大小，font-weight:hold設置讓這字體加粗，不加粗刪掉。
#in_send td{color:#FFFFFF}
設置“姓名”、“網(wǎng)址或郵箱”和“內容”字的顏色。
#spBlogCmtText {border: 1px solid #FFCCFF;background:#FFFFFF no-repeat top center; background-attachment: fixed}
設置評論框底色。background:#FFFFFF設置顏色，添加圖片則改為background:url(圖片),
圖片最佳尺寸是503*153 1px 表示評論邊框的寬度 #FFCCFF 表示評論邊框的顏色。
23:教你如何制作個(gè)性化的標題欄
編輯CSS自定義模板，
找到#m_blog div.tit 行，你會(huì )看到有三個(gè)#m_blog div.tit 行，
把前兩個(gè)分別替換為
#m_blog div.tit{color:#8A3506;font-size:14px;font-weight:bold;background:url(圖片地址) 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(圖片地址) no-repeat top left;text-indent: 22px;height:70px;line-height:75px}
text-indent: 22px是標題左邊縮進(jìn)值
height:70px 是背景所占用的高度，根據你的背景圖片的高度設置
line-height:75px是上面空的高度
24:在百度空間文章中設置滾動(dòng)字
<table style=''><tr><td><div ><marquee style='WIDTH: 400px; HEIGHT: 100px; ' scrollamount='2' direction='up'>你好，歡迎光臨</marquee></div></td></tr></table>
制作過(guò)程：
1:打開(kāi)記事本--把上面的紅色代碼復制到記事本--另存為12.html（文件類(lèi)型：所有文件）--保存確定
2:用網(wǎng)頁(yè)瀏覽器打開(kāi)我保存的12.html網(wǎng)頁(yè),
3:在打開(kāi)12.html網(wǎng)頁(yè)內，右擊鼠標“全選”--“復制”
4:在我的博客里新寫(xiě)文章,把復制好的粘貼到我的新文章里就可以了
5:它的字體和顏色,此時(shí)用百度“編輯文章”中的工具修改就可以
代碼說(shuō)明：
'WIDTH: 400px表示滾動(dòng)字活動(dòng)的寬度，你可以修改其中的數字
HEIGHT: 100px表示滾動(dòng)字活動(dòng)的高度，你可以修改其中的數字
25:百度空間或其它論壇里播放FLV視頻
Monyer提供了新的插入方法:
@\0import http://www.zh-xinhui.com/benchoi/video.png;
聯(lián)系客服
