百度空間代碼大全

標籤：

display:nonecss全能隱藏代碼

背景{}中添加background: url(圖片地址)repeat
註：
repeat 　 背景映像在縱向和橫向上平鋪
no-repeat 　 背景映像不平鋪
repeat-x 　 背景映像在橫向上平鋪
repeat-y 　 背景映像在縱向平鋪

line-height: 25.2px;">
超連結自訂設定超連結的屬性就是在相關欄目名稱後面+上a{}的屬性

color:#顏色代碼或顏色英文名稱 定義超連結字型的顏色
font-family:字型名稱 定義超連結字型
font-size:大小px 定義超連結字型大小
text-decoration : 參數 定義超連結的文本裝飾，參數：none || underline || blink || overline || line-through
none : 　無裝飾
blink : 　閃爍
underline : 　底線
line-through : 　貫穿線
overline : 　上劃線 

其實超連結屬性設定
a:hover{} 當滑鼠移動到超連結上時顯示的屬性
a:link{} 超連結未被訪問前顯示的屬性
a:visited{} 已經被瀏覽過的超連結的屬性
a:active{} 超連結被點擊的時候顯示的屬性（在滑鼠點擊與釋放之間發生的事件）

.modbl{}
.modbc{}
.modbr{}
這三個就是分別設定模版左下角，底邊中央，右下角的代碼：
.modbl{}中的border-left:是設定左下角左邊框的屬性的，border-bottom是設定左下角底邊的邊框屬性的
.modbc{}中的border-bottom:是設定邊框當中一段底邊屬性的
.modbr{}中的border-right:是設定右下角右邊框的屬性的，border-bottom是設定右下角底邊的邊框屬性的

解決斷行符號換兩行的問題
Shift+斷行符號

個性標題
#header div.tit{top:5px;left:20px;line-height:60px;font-size:60px;font-family:隸書}
#header div.tit a.titlink{color:#813533;text-decoration:none}
#header div.tit a.titlink:visited{color:#813533;text-decoration:none}
#header div.tit a.titlink:hover{color:#FFFFFF;text-decoration:none}
#header div.desc{top:27px;left:320px;color:#813533;font-size:16px}
說明：
#header div.tit{} 這是標題的設定
#header div.tit a.titlink{} 這是標題超連結的設定
#header div.tit a.titlink:visited{} 這是標題超連結已經被訪問過的設定
#header div.tit a.titlink:hover{} 這是當滑鼠移動到標題超連結上時顯示的屬性
#header div.desc{} 這是空間標題後面的簡介的內容設定
屬性和詳細參數
top:5px 距離模版頂部的間隔距離為5px
left:20px 距離模版左邊的間隔距離為20px
line-height:60px 設定總高度為60px
font-size:60px 設定字型大小為60px，這個不能設定的比的line-height大，否則標題字型的一部分會被遮掉
font-family:隸書 設定字型的型號
color:#813533 設定字型的顏色代碼為#813533，這裡也可以寫顏色的英文名，比如black，white，red，green等
text-decoration:none 字型的劃線修飾屬性，none為無底線，關於text-decoration的具體參數可以查看我前面寫的關於定義超連結的文章

更多文章居右
#m_blog div.more{margin:14px 0 16px 0;text-align:right}

1.在友情連結添加“發送訊息”的連結：
在友情連結裡的連結地址內填上：http://msg.baidu.com/ms?ct=21&;cm=1&tn=bmSendMessage&un=你的百度使用者名稱
這樣點擊該連結就可以給你發送訊息，而這個連結另一個功能就是可以給自己發送訊息。
2.在友情連結添加“加為好友”的連結：javascript:document.addfriend.submit()

去掉橫向捲軸的方法是在body{ }裡加上overflow-x : hidden;

—————————CSS系列—————————————

滑鼠設定
在body{} 中添加;CURSOR: url(‘http://webme.bokee.com/inc/mouse028.cur‘)} 
a:hover{CURSOR: url(‘http://webme.bokee.com/inc/mouse031.ani‘)
第一行是滑鼠指標初始形態，第二行是滑鼠指標碰到連結的形態
CSS滑鼠樣式大全

/*不停變換空間背景圖片*/
http://magic.qtutu.com/

/*發表評論中的背景*/
#spBlogCmtor{background:url(圖片地址)} /* 姓名*/
#spBlogCmtURL{background:url(圖片地址) /* 網址或郵箱*/
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}
#spBlogCmtText{background:url(圖片地址) /* 這是 內容中 的*/
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}

/*改變你的按鈕和輸入欄的顏色及字型*/
input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑體;border:1px solid green;
textarea{overflow:hidden} 

參數
color:green 表示字型顏色。 
font-size:14px 表示字型大小。 
font-family:Georgia,黑體 表示英文字型和中文字型 
border:1px 表示邊框的粗細。 
solid green 表示邊框的顏色。 
line-height: 25.2px;">
/*最頂部加字方法!*/
#tabline{margin-top:-490px;right:0px;line-height:8px; background:url(圖片地址) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
圖片上面打上你要的字~

/*添加LOGO*/
#main {background:url(頂部LOGO) no-repeat 10px 0px;} /*10px 0px;距頂部 距左*/
#layout {width:980px;margin-left:0px;background:url(底部LOGO) no-repeat bottom 0px;padding-bottom:80px} /*margin-left:0px底部圖片距離最左邊長度；bottom 0px邊框大小；padding-bottom:80px主體模組最下端距離底部圖片最頂端距離*/

/*添加小背景圖片*/
.stage{background:url(小背景圖片) repeat-y 0px 0px} /*0px 0px距左 距頂（建議為0）*/

/*空間整體寬度*/
#main{width:740px!important;text-align:center}或#main{width:80%!important}

/*版塊長度及間距*/
#layout td.c2t1{padding-left:55px;width:570px} /*最左版塊*/
#layout td.c2t2{width:60px} /*左右兩版塊間距*/
#layout td.c2t3{width:260px;padding-right:30px} /*第2豎列版塊資訊*/

/*定義閱讀文章時 文章塊寬度 距左長度*/
.stagepad {width:570px;margin-left:44px;}
.stagepad a:link{text-decoration:none;font-weight:bold}
.stagepad a:visited{text-decoration:none;font-weight:bold}

/*文章虛線邊框*/
#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：　點線
dashed : 　虛線 
double : 　雙線邊框 
groove : 　3D凹槽 
ridge : 　菱形邊框 
inset : 　3D凹邊 
outset : 　3D凸邊

/*前景圖片透明設定*/
filter:alpha(opacity=90,finishopacity=100,style=0,)

/*留言板圖片*/
#spBlogCmtText {border: 1px solid #A6B5C4;background:url(http://***.jpg) no-repeat top center;background-attachment: fixed;}

/*播放器*/
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=60, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)Invert(); WIDTH: 224px;HEIGHT:200px}
Invert(); 濾鏡效果 可以更換
/*不顯示播放器，不影響音樂的播放*/
添加#mod_bgmusic{display:none} 

/*日誌背景*/
#m_blog.modbox{background:url(圖片)}
或#m_blog div.cnt{background:url(圖片) repeat; /*圖片*/color:#666666;line-height:20px;font-size:14px}

/*捲軸*/(源自吸水蚊子)
#m_blog{scrollbar-face-color: #E100E1; 
scrollbar-shadow-color: maroon; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: #E100E1; 
scrollbar-darkshadow-color:#E100E1; 
scrollbar-arrow-color:#E100E1; 
scrollbar-base-color: #E100E1; 
scrollbar-track-color: #E100E1; 
overflow-y:auto;height:1330px; 
filter: chroma(color=#E100E1);} 

/*去掉橫向捲軸*/
在body{ }裡加上overflow-x : hidden; 

/*禁止選擇 滑鼠右鍵特效*/
#main{ 
background:url(‘javascript: 
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
‘)}
(已經失效,只預覽時顯示效果)
document.oncontextmenu=new Function("event.returnValue=false;");禁止滑鼠右鍵
document.onselectstart=new Function("event.returnValue=false;");
禁止選擇/*滑鼠觸碰 按鈕下陷*/
a:hover{}中加入 position:relative; left:2px; top:1px; clip:rect( ); 

/*快顯視窗*/
#comm_info 和#comm_info a 替換#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url(‘javascript:alert("你要說的話");‘)}

#comm_info{}或#m_links div.item{}
添加
background:url(javascript:alert(你要說的內容))

/*滑鼠樣式*/
平常狀態 body{}中加入CURSOR: url(‘http://***.ani‘);
連結狀態 a:hover{}中加入CURSOR: url(‘http://***.ani‘);

/*文章在新視窗中開啟*/
a:active { text: (target="_blank");}

/*屏蔽Rss連結，baidu圖片*/
#comm_info a {display:none;}

/*大背景*/
body{}中加入background:url(http://***.gif) repeat-x #FFFFFF

/*標題背景*/
#header div.lc{} -左
#header div.rc{} -右
插入 background:url(http://***)

/*百度空間 進入後彈出對話方塊*/
去掉#comm_info div.line 把#comm_info a換成
#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url(‘javascript:alert("你要說的話");‘)}

/*文章日期旁加小圖案*/
#m_blog div.date
{text-indent:1.5cm;background:url(這裡要填上你自己選的小圖片的串連地址) 30% 0% no-repeat; /*背景圖片*/margin:5px 0 8px 0;color:#999999;
line-height:50px; /*調整行高*/}

/*常用插入時間圖片位置的代碼*/
圖片顯示位置——個人檔案照片下面： 
#m_pro div.act{margin-top:5px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; } 

圖片顯示位置——文章列表 標題下面： 
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; } 

圖片顯示位置——文章列表 標題左面： 
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat; } 

圖片顯示位置——TAB導覽列： 
#tabline{top:89px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; } 

圖片顯示位置——相簿下面： 
#m_album div.image{text-align:center; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px; } 

圖片顯示位置——每個友情連結下面： 
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; } 

圖片顯示位置——每個最新評論下面： 
#m_comment div.item{color:#000000;font-size:12px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; } 

圖片顯示位置——每個文章分類下面： 
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; } 

圖片顯示位置——其他地區： 
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; } 

/*分割線*/
{margin-top:17px;line-height:12px;background:url(http://***.gif) repeat-x} 

/*<其它>模組中只顯示訪問人數*/
#comm_info a {display:none}

/*光暈效果*/ 
{}中加入filter:glow (color= #299BE8,strength=2);

/*陰影製作效果字型陰影*/
{}中加入filter:DropShadow(Color=#000000:,OffX=2, OffY=3,Positive=1);或filter:shadow(Color=#000000:,OffX=2, OffY=3,Positive=1);
參數作用：
Color=陰影的顏色代碼
OffX=設定陰影與對象（文字或圖片）的橫向距離位移
OffY=設定陰影與對象的豎向距離位移
Positive=設定建立陰影的對象，true是為非透明像素建立陰影，false是為透明的像素建立陰影，一般不建議使用false
另外，如果添加陰影的地方已經有了filter的參數，例如設定透明度的filter:alpha()，只需把DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)添加到alpha()的後面即可，這裡不需要間隔，當中留空格可以,間隔將無效
例如在原來的filter:alpha(opacity=50);後面加上陰影製作效果代碼：
filter:alpha(opacity=50)DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true);

/*投影的代碼*/
filter:Shadow(Color=gray/*顏色*/,Direction=135/*方向*/)

/*文章標題背景*/
#m_blog div.tit{text-indent:1.5cm/*縮近*/;line-height:75px;/*增大行高，使背景圖片完全顯示*/font-size:16px;font-weight:bold;background:url(http://***.gif) no-repeat;/*標題背景圖片，不重複*/}
line-height:多少px; 設定標題的高度，其實這裡的設定為圖片的高度就可以了
text-indent:多少px; 設定標題的文本前面空多少寬度，這裡可以填圖片的寬度，為了美觀起見，可以再多+5、6px，因為圖片和標題貼著不好看，這個主要還是看個人感覺和喜好設定了

/*空間透明*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

/*添加自己的LOGO圖片*/
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; background:url(http://***.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 32px} 

/*添加LOGO*/
#m_pro div.image{}加入background:url(http://***.jpg) no-repeat bottom;padding-bottom:100px
bottom讓圖片沉底
padding-bottom增加頭像模組底下的寬度
padding-bottom數值一般設定為LOGO的高度值，LOGO的上邊與頭像的下邊距離0，加大padding-bottom的數值，LOGO的上邊與頭像的下邊距離亦加大

/*給評論框加背景圖片*/
#spBlogCmtText {border: 8px solid #000000 ; 
background:url(圖片地址) no-repeat top center; 
background-attachment: fixed;}

/*如何設定+固定百度空間的背景*/
在body{}中加入
background-image:url(圖片地址) ; 　 定義背景圖片
background-repeat: no-repeat; 定義背景圖片不重複
background-position: center; 定義背景置中
background-attachment: fixed; 定義背景固定，不滾動參數fixed

/*去除模組背景即完全背景透明*/
刪除模組加background:transparent即可
在header{}中加入
background:transparent 這個參數的作用是使完全背景透明,並刪除原來的屬性background:url(……)
#header div.rc{}以及.stage{}與header{}同樣設定

/*右下角快顯視窗*/
#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("2006年12月1日<br>你好，親愛得朋友。<br>你要說的話。<br>你要說的話~");
‘) 
} 

/*“發表評論”地區*/
#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold} 

設定“發表評論”地區上方的“發表評論”四個大字，其中color:#FFFFFF設定字的顏色，font-size設定字的大小，font-weight:hold設定讓這字型加粗，不加粗刪掉。 

#in_send td{color:#FFFFFF} 

設定“姓名”、“網址或郵箱”和“內容”字的顏色。 

#spBlogCmtText {border: 1px solid #FFCCFF;background:#FFFFFF no-repeat top center; background-attachment: fixed} 

設定評論框底色。background:#FFFFFF設定顏色，添加圖片則改為background:url(圖片),
圖片最佳尺寸是503*153 1px 表示評論邊框的寬度 #FFCCFF 表示評論邊框的顏色。 

/*隱藏“查看該使用者在百度的”分類*/
加入#m_pro .basic a.nlk{display:none}代碼即可

/*隱藏“百度空間測試版”*/
#m_comm_info img{display:none}

百度空間代碼大全