自定義新浪博客各處模板:
1)改變BLOG標題大小的代碼:
<STYLE type=text/css>
.banner .title td{font-size:36px;}
.banner .title td{FILTER: glow(color=#000000,direction=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
</STYLE>
36px為標題文字的字體大小
#000000表示文字效果(顯影)的顏色,direction=2表示發(fā)光效果的強弱,數(shù)值可自行設定,自己覺得合適即可。
banner .title td{color:#ffff66;}表示標題文字的主顏色
banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}這個是文字及其外框的設置:background:后面的值為標題外框的顏色效果;opacity=85是表示文字的透明度,值越小越透明;border:0px表示外框線條的粗細,數(shù)值越大邊框線條越粗,數(shù)值設為0表示邊框隱藏。
----------
2)頁面寬度的代碼:
<STYLE type=text/css>
.bodyTop{width:900px;}
.bodyBg{width:900px;}
.bodyBottom{width:900px;}
.feeds .text{width:660px;}
.label{width:20px;}
.photo{width:200px;}
.callboard{width:200px;}
.links{width:200px;}
.calendar{width:200px;}
.sysBr180{width:200px;}
</STYLE>
參數(shù)說明:
.bodyTop 指的是頁面頂部的寬度,控制了 banner(就是題圖)的寬度。
.bodyBg 指的是整個頁面的寬度,其值最好與上者相同(也可以自行變化)。
.bodyBottom 指的是頁面底部的寬度,其值最好是與上面相同 。
.feeds .text 指的是正文部分的寬度(也就是文章部分的寬度) 。
.label 指的是面板的寬度(其值加正文寬度的值應略小于整個頁面的寬度)。
.photo 指的是形象照片面板的寬度(其值同上) 。
.callboard 指的是公告欄的寬度(其值同上) 。
.links 面板(也即最新留言、最新評論等面板)寬度(其值同上)。
.calendar 日歷的寬度(其值同上)。
.sysBr180 這個值比較特殊,其值同以上各面板寬度近似,但不一定相同大家應當根據(jù)自己設置的寬度進行調(diào)節(jié)。
width 后面的數(shù)字就是你要修改的寬度值,可根據(jù)自己的需要設置。
面板的寬度值大約為190左右;如果要改成全屏,整個頁面總寬度約為995-996。
不過要更改模板寬度的話建議面板的寬度不必改,只需用代碼中的前四個參數(shù)就行了。
----------
3)博客改變背景代碼:
滾動的大背景代碼:
<style>body {background:url("頁面大背景圖片地址") repeat scroll!important;}</style>
repeat 重復,當圖片的大小不夠的時候會以平鋪顯示
scroll 卷軸,大背景會隨著右邊滾動條拉動的時候而滾動
固定的大背景代碼
<style>body {background:url("頁面大背景圖片地址") repeat fixed!important;}<style>
fixed 固定,大背景不會因為你拉動滾動條而滾動
背景透明代碼:
<STYLE type=text/css>body
{background:#transparent) repeat scroll!important;}</STYLE>
使用說明:
找到你喜歡的圖片(1024*768規(guī)格),把它存在你的博客里,具體方法參考無限制上傳圖片的方法然后把圖片地址覆蓋在代碼中的("頁面大背景圖片地址")上面,找一個已經(jīng)有內(nèi)容的模塊添加這段代碼,就能改變你的BLOG背景了,具體用以上那一種代碼,看你個人喜好了!
----------
4)自定義博客各部分背景代碼:
<STYLE type=text/css>.logo
{background:url("題圖上背景圖片地址") no repeat no scroll!mportant;}</STYLE>
<STYLE type=text/css>.banner
{background:url("題圖下背景圖片地址") no repeat no scroll!mportant;}</STYLE>
<STYLE type=text/css>.menu
{background:url("題圖下的菜單背景圖片地址") no-repeat center;}</STYLE>
<STYLE type=text/css>.feeds .up
{background:url("正文標題欄上翻時的圖片地址") no-repeat center;}</STYLE>
<STYLE type=text/css>.feeds .down
{background:url("正文標題欄下翻時的圖片地址") no-repeat center;}</STYLE>
<STYLE type=text/css>.feeds .function
{background:url("正文摘要結(jié)尾處菜單的圖片地址") no-repeat right;}</STYLE>
<STYLE type=text/css>.links .up
{background:url("面板標題欄上翻時的圖片地址");}</STYLE>
<STYLE type=text/css>.links .down
{background:url("面板標題欄下翻時的圖片地址");}</STYLE>
<STYLE type=text/css>.links .mid
{background:url("面板的背景圖片地址");}</STYLE>
<STYLE type=text/css>.photo .mid
{background:url(個人形象照片處的背景圖片地址);}</STYLE>
<STYLE type=text/css>.label .mid
{background:url("自定義面板的背景圖片地址");}</STYLE>
<STYLE type=text/css>.calendar .mid
{background:url("日歷面板背景圖片地址");}</STYLE>
<STYLE type=text/css>.callboard .up
{background:url("公告欄標題欄上翻時的圖片地址");}</STYLE>
<STYLE type=text/css>.callboard .down
{background:url("公告欄標題欄下翻時的圖片地址");}</STYLE>
<STYLE type=text/css>.callboard .mid
{background:url("公告欄背景圖片地址");}</STYLE>
<STYLE type=text/css>.bodyBg
{background:url("正文背景圖片地址");}</STYLE>
<STYLE type=text/css>.bodyBottom
{background:url("內(nèi)背景頁腳處圖片地址,在翻頁處下面一橫窄條");}</STYLE>
<STYLE type=text/css>.gbook .up
{background:url("留言板標題欄上翻時的圖片地址") no-repeat;}</STYLE>
<STYLE type=text/css>.gbook .down
{background:url("留言板標題欄下翻時的圖片地址") no-repeat;}</STYLE>
<STYLE type=text/css>.feeds .page
{background:url("正文文章頁數(shù)圖片地址") no-repeat center;}</STYLE>
<STYLE type=text/css>.links .more
{background:url("最新文章列表下的MORE的背景圖片") no-repeat right;}</STYLE>
代碼說明:
頁面大背景(body) 指的是整個博客的最大背景,由于中間部分被覆蓋,所以顯示的效果只是兩邊的部分。
題圖上背景(logo) 是指所在的橫長條的背景。
題圖下背景(banner) 是指博客名字博客地址 復制 ﹥收藏本頁)所在的那部分的背景。
logo和banner寬各為770,logo高40,banner高134,單位均為像素。
題圖下的菜單背景” 是指“HOME...搜索┆幫助┆退出”等字所在的那個橫長條的背景。
正文標題欄上翻時的圖片 指的是文章發(fā)表了之后文章標題的圖片。
面板標題欄下翻時的圖片 指的是點擊標題后出現(xiàn)標題后的后面的圖片。
面板的背景圖片 指的是左邊比如我的文章列表什么的背景圖片。
正文背景 是指整個文章文字所在的大背景!
以上代碼可以更改博客各個部分的圖片,更換的圖片尺寸要和原尺寸一模一樣,關于上傳圖片和怎么得到圖片地址請參考:無限制上傳圖片的方法
----------
如果想叫某一部分背景或者全部變的透明的話,在以上代碼中大括號里面內(nèi)容換上background:#transparent就能實現(xiàn)透明效果,
例如橫幅代碼:
<STYLE type=text/css>.logo
{background:url("題圖上背景圖片地址") no repeat no scroll!mportant;}</STYLE>
以上代碼中紅色部分全部改成:background:#transparent
示范:
<STYLE type=text/css>.logo{background:#transparent}</STYLE>
添加代碼必須添加在已經(jīng)有內(nèi)容的模塊中,例如模塊里面已經(jīng)有了時鐘,天氣預報等等內(nèi)容!
具體操作步驟是:
復制代碼→管理博客→自定義設置→定制我的首頁→新增空白面板→鉤選源代碼(出現(xiàn)鉤號,同時文檔里出現(xiàn)DIV的字樣)→粘貼代碼→鉤選源代碼(鉤號消失)→點擊確定→保存設置。
聯(lián)系客服