當前位置:編程學習大全網 - 源碼下載 - 百度空間自定義模板方法

百度空間自定義模板方法

雖然百度空間吧裏已經有很多專家總結的教程了,但是我覺得很多介紹還是挺模糊的。至少,我遇到了很多不了解的地方,還需要壹點壹滴的去實驗和探索,所以我想把我的壹些經驗整理出來,貢獻給大家。絕對淺顯易懂,傻子都能學~ ~ ~因為這裏的內容都是我建立自己空間的經驗,並不完整。比如我沒有介紹如何設置背景色或者圖片(因為我自己不喜歡背景色或者圖片,所以沒有研究這個),慢慢研究以後會陸續更新。希望妳不要嫌棄。如何修改CSS文件:登錄後進入設置-模板設置-自定義模板,會彈出壹個窗口,出現壹個可編輯的CSS代碼文件。但是,這不是妳目前使用的模板的代碼,而是壹個百度默認模板的代碼,不能選擇。目前百度只能提供這個模板進行編輯。如果要在壹個喜歡的模板的基礎上進行編輯,需要先復制這個模板的CSS代碼,然後完全替換掉“自定義模板”中出現的代碼,然後就可以編輯妳要修改的部分了。窗口底部有四個選項用於編輯CSS文件:保存、保存並應用、取消和預覽。請務必弄清楚這些選項之間的區別。每次修改後,最好點擊預覽,看看有沒有錯誤再保存。最好不要在編輯狀態下直接點擊保存應用,而是先保存,然後再預覽壹遍,確保每壹頁都ok後再選擇。如何查看自己或他人的CSS代碼:打開想要查看的空間,點擊右鍵,菜單上會有壹個選項“查看源文件”。點擊這個之後會彈出壹個記事本文件,在這個文件中搜索“CSS”直到文本“href = "/msnib/CSS/item/ed 14a 8447384 f82 B2 dcb。(以MSNIB的空間為例),然後復制段落“/CSS/item/ed 14a 8447384 f 82 b 2 b 7 dcb 2。CSS”並放在地址欄的空間URL後面,即“T { color:# 66666;行高:20pxFont-size:14px}博客文章內容設置:文字顏色、行距、字體大小。# m _ blog div . more a { color:# 047304;Font-size:14px}閱讀全文鏈接狀態設置。# m _ blogdiv.morea:博文標題鏈接選中後的已訪問{color: # 047304}狀態設置。# m _ blog div . opt { color:# 047304;Font-size:12px}文章操作區設置(如編輯、評論等)。# m _ blog div . opt a { color:# 047304;Font-size:12px}文章操作區鏈接狀態設置。# m _ blogdiv.opt a:已訪問{color: # 047304}文章操作區鏈接選中後的狀態。# m _ blog div . line { margin-top:10px;行高:60px背景:url(圖片鏈接)不重復居中}文章間分割線的設置,其中margin-top指分割線與前壹篇文章的距離,line-height指分割線區域的高度,分割線的位置可以在末尾定義(不重復居中指不重復,居中,重復-x指水平重復)。音樂播放器設置如果空間中默認的音樂播放器不好看,可以在空間的末尾添加這段代碼來改變播放器的大小和顏色:# phx {filter: alpha(不透明度= 60,整理= 36,style = 0,startx = 20,starty = 40,整理= 0)gray();寬度:225px身高:45px}這是我的球員代碼。這段代碼有點復雜。先介紹壹下我們能看懂的部分,其他的還沒探索出來:不透明度=透明度,可以用0-100之間的壹個值。值越低,透明度越高。Finishtransparency =過度透明,也就是邊緣的透明(這個我還沒想好怎麽玩);灰色=顏色/樣式,可以設置為默認、灰色、x射線、反轉等。,而且可以自己嘗試;寬度後的數字表示播放器的寬度,高度後的數字表示播放條的高度。如何設置文章之間的分割線:# m _ blogdiv . line { margin-top:10px;行高:60px背景:文章評論間的url(圖片鏈接)No-repeate center }:# in _ comment div。line { margin-top:10px;行高:50px背景:url(圖片鏈接)無重復中心}好友頁面的分割線:# m _ frienddiv . line { margin-top:17px;行高:17px;背景:url(圖片鏈接)repeat-x}相冊頁面分割線:# m _ Album listdiv。line { margin-top:17px;行高:17px;背景:url(圖片鏈接)repeat-x}如果要取消分割線,只需刪除“背景”之後的所有部分即可~ ~如何設置空間中各個模塊的邊框CSS代碼的第四部分(以”開頭的部分)。mod”)用於設置空間中每個模塊的狀態。以前不明白是什麽意思,今天終於明白了。解釋如下:Padding:這個詞幾乎在每壹個設定中都有提及,表示指定區域內文字或圖像與邊框之間的距離。。modbox:該行用於設置每個模塊內容的位置、模塊的背景色以及簡單的線條邊框,如none(無邊框)、dotted(虛線邊框)、dashed(折線邊框)、solid(直線邊框)和double(雙線邊框)。比如我的設定:。modbox { padding:10px 10px 010px;border-left:1px solid # 9 fa 6 AE;border-right:1px solid # 9fa 6e }表示模塊中的邊距分別為10px 10px 010px;左邊界為實線,寬度為1px,顏色為# 9 fa 6 AE;右邊框是左邊框是實線,寬度是1px,顏色是# 9fa6e。如果要設置模塊背景,只需在括號中添加“背景-顏色:#六位色碼”即可~ ~ ~如果要設置更復雜的邊框效果,需要使用以下部分:。modtl:設置模塊上邊框的左上角。modtc:設置模塊上邊框的中間角。modtr:設置模塊上邊框的右角。modbl:設置模塊下邊框的左角。modbr:設置模塊下邊框的右角可以使用圖案。比如我在左上角邊框用了這個圖案,在中間用了。具體設置如下:。modtl {背景:url(

)no-重復左上}同樣的方法依次設置下面的就可以了。如果能自己設計圖案就更有意思了,還能做出各種有特色的邊框。像我這麽笨,只會去網上找現成的= _ = |||空間音樂播放器增加了新功能!!在首頁的音樂播放器上點擊“編輯”,可以看到過去只能播放壹首歌。現在妳可以添加五首歌曲的鏈接並循環播放,還可以選擇是否顯示視頻幀。這個新功能真好!!!

  • 上一篇:iOS 6.1.4的發布原因
  • 下一篇:西藏有哪些旅遊景點?
  • copyright 2024編程學習大全網