關(guān)于背景圖案

4年前 (2021-04-28)閱讀521回復0
浪漫鍀邂逅
浪漫鍀邂逅
  • 管理員
  • 發(fā)消息
  • 注冊排名414
  • 經(jīng)驗值185
  • 級別管理員
  • 主題37
  • 回復0
樓主

代碼如下:body {b ("這里輸入你的背景圖片地址") repeat scroll!important;}

注意:背景圖片的格式一定要是 jpg.

??可以像我的博客一樣,添加掛件,加flash呀,改模板呀 方法很多!

白色雪花的代碼~!在后面!!!

自定義新浪博客各處模板

一改變BLOG標題大小的代碼:

。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;}

36px為標題文字的字體大小

#000000表示文字效果(顯影)的顏,direction=2表示發(fā)光效果的強弱,數值可自行設定,自己覺(jué)得合適即可。

banner 。title td{color:#ffff66;}表示標題文字的主顏色

banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}這個(gè)是文字及其外框的設置:background:后面的值為標題外框的顏色效果;opacity=85是表示文字的透明度,值越小越透明;border:0px表示外框線(xiàn)條的粗細,數值越大邊框線(xiàn)條越粗,數值設為0表示邊框隱藏。

二頁(yè)面寬度的代碼:

。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;}

參數說(shuō)明:

。bodyTop 指的是頁(yè)面頂部的寬度,控制了 banner(就是題圖)的寬度。

。bodyBg 指的是整個(gè)頁(yè)面的寬度,其值最好與上者相同(也可以自行變化)。

。bodyBottom 指的是頁(yè)面底部的寬度,其值最好是與上面相同 。

。feeds 。text 指的是正文部分的寬度(也就是文章部分的寬度) 。

。label 指的是面板的寬度(其值加正文寬度的值應略小于整個(gè)頁(yè)面的寬度)。

。photo 指的是形象照片面板的寬度(其值同上) 。

。callboard 指的是公告欄的寬度(其值同上) 。

。links 面板(也即最新留言、最新評論等面板)寬度(其值同上)。

。calendar 日歷的寬度(其值同上)。

??sysBr180 這個(gè)值比較特殊,其值同以上各面板寬度近似,但不一定相同大家應當根據自己設置的寬度進(jìn)行調節。

width 后面的數字就是你要修改的寬度值,可根據自己的需要設置。

面板的寬度值大約為190左右;如果要改成全屏,整個(gè)頁(yè)面總寬度約為995-996。

不過(guò)要更改模板寬度的話(huà)建議面板的寬度不必改,只需用代碼中的前四個(gè)參數就行了。

三博客改變背景代碼:

滾動(dòng)的大背景代碼:

body {background:url("頁(yè)面大背景圖片地址") repeat scroll!important;}

repeat 重復,當圖片的大小不夠的時(shí)候會(huì )以平鋪顯示

scroll 卷軸,大背景會(huì )隨著(zhù)右邊滾動(dòng)條拉動(dòng)的時(shí)候而滾動(dòng)

固定的大背景代碼

body {background:url("頁(yè)面大背景圖片地址") repeat fixed!important;}

fixed 固定,大背景不會(huì )因為你拉動(dòng)滾動(dòng)條而滾動(dòng)

背景透明代碼:

body

{background:#transparent) repeat scroll!important;}

使用說(shuō)明:

找到你喜歡的圖片(1024*768規格),把它存在你的博客里,具體方法參考無(wú)限制上傳圖片的方法然后把圖片地址覆蓋在代碼中的("頁(yè)面大背景圖片地址")上面,找一個(gè)已經(jīng)有內容的模塊添加這段代碼,就能改變你的BLOG背景了,具體用以上那一種代碼,看你個(gè)人喜好了!

四自定義博客各部分背景代碼:

??logo

{background:url("題圖上背景圖片地址") no repeat no scroll!mportant;}

。banner

{background:url("題圖下背景圖片地址") no repeat no scroll!mportant;}

??menu

{background:url("題圖下的菜單背景圖片地址") no-repeat center;}

。feeds 。up

{background:url("正文標題欄上翻時(shí)的圖片地址") no-repeat center;}

?? wn{background:url("正文標題欄下翻時(shí)的圖片地址") no-repeat center;}

。feeds 。function

{background:url("正文摘要結尾處菜單的圖片地址") no-repeat right;}

??links 。up

{background:url("面板標題欄上翻時(shí)的圖片地址");}

。 wn{background:url("面板標題欄下翻時(shí)的圖片地址");}

。links 。mid

{background:url("面板的背景圖片地址");}

??photo 。mid

{background:url(個(gè)人形象照片處的背景圖片地址);}

。label 。mid

{background:url("自定義面板的背景圖片地址");}

。calendar 。mid

{background:url("日歷面板背景圖片地址");}

??callboard 。up

{background:url("公告欄標題欄上翻時(shí)的圖片地址");}

。 wn{background:url("公告欄標題欄下翻時(shí)的圖片地址");}

。callboard 。mid

{background:url("公告欄背景圖片地址");}

??bodyBg

{background:url("正文背景圖片地址");}

。bodyBottom

{background:url("內背景頁(yè)腳處圖片地址,在翻頁(yè)處下面一橫窄條");}

。gbook 。up

{background:url("留言板標題欄上翻時(shí)的圖片地址") no-repeat;}

?? wn{background:url("留言板標題欄下翻時(shí)的圖片地址") no-repeat;}

。 ge{background:url("正文文章頁(yè)數圖片地址") no-repeat center;}

。 re{background:url("最新文章列表下的MORE的背景圖片") no-repeat right;}

代碼說(shuō)明:

頁(yè)面大背景(body) 指的是整個(gè)博客的最大背景,由于中間部分被覆蓋,所以顯示的效果只是兩邊的部分。

題圖上背景(logo) 是指所在的橫長(cháng)條的背景。

題圖下背景(banner) 是指博客名字博客地址 復制 ?收藏本頁(yè))所在的那部分的背景。

logo和banner寬各為770,logo高40,banner高134,單位均為像素。

題圖下的菜單背景” 是指“HOME。

??。。搜索┆幫助┆退出”等字所在的那個(gè)橫長(cháng)條的背景。

正文標題欄上翻時(shí)的圖片 指的是文章發(fā)表了之后文章標題的圖片。

面板標題欄下翻時(shí)的圖片 指的是點(diǎn)擊標題后出現標題后的后面的圖片。

面板的背景圖片 指的是左邊比如我的文章列表什么的背景圖片。

正文背景 是指整個(gè)文章文字所在的大背景!

以上代碼可以更改博客各個(gè)部分的圖片,更換的圖片尺寸要和原尺寸一模一樣,關(guān)于上傳圖片和怎么得到圖片地址請參考:無(wú)限制上傳圖片的方法

如果想叫某一部分背景或者全部變的透明的話(huà),在以上代碼中大括號里面內容換上background:#transparent就能實(shí)現透明效果,

例如橫幅代碼:

??logo

{background:url("題圖上背景圖片地址") no repeat no scroll!mportant;}

以上代碼中紅色部分全部改成:background:#transparent

示范:

。logo{background:#transparent}

以上所有代碼必須添加在已經(jīng)有內容的模塊中,例如模塊里面已經(jīng)有了時(shí)鐘,天氣預報等等內容!

  具體操作步驟是:復制代碼--->控制面板--->新增空白面板--->鉤選源代碼(出現鉤號,同時(shí)文檔里出現DIV的字樣)--->粘貼代碼--->鉤選源代碼(鉤號消失)--->保存新增面板--->定制個(gè)人首頁(yè)--->選取新增個(gè)人面板--->保存

五頁(yè)面FLASH代碼

想在自己的頁(yè)面添加FLASH的效果,可以建立一個(gè)新的"自定義空白面板",將"顯示源代碼"畫(huà)勾后,在版面上復制粘貼此代碼:

其中 width代表寬度, height代表高度,left:和top分別代表與ie左邊界與右邊界的距離。

藍色雪花

飛翔小球

五彩星星

彩色螺旋

青蛙

藍色蝴蝶

金魚(yú)

藍色背景雪花飄飄

無(wú)色背景水珠

粉黃色5瓣花飄飄

小星、大星光暈夢(mèng)幻

空中飄動(dòng)的黃球

兩只黃色的蝴蝶在左上角飛舞

旋轉的花瓣、蝴蝶隨鼠標飛舞

黃色4瓣花飄落

鼠標滑過(guò),雪花飄飄

綠色的楓葉飄落

粉紅色的花瓣飄落

黃色的四瓣花飄落

淺藍色的雪花在空中,小雪花降落

五彩禮花:

閃爍的星星

白色的小花

紫色背景白色的小花

黃色的蝴蝶

柳樹(shù)

透明FLASH的地址:

五-2 在文章中添加Flash代碼如下:

六左右浮動(dòng)掛件的代碼………………

固定不動(dòng)的右掛件

天使左

天使右

我的博客

本文的續文30篇,將博客源代碼打撈干凈

本文續文01:文字代碼、圖片左右插入文字、滾動(dòng)新聞代碼、圖片為背景發(fā)表文章

本文續文02:滾動(dòng)條代碼、單張圖片滾動(dòng)代碼、背景圖片代碼、個(gè)性鼠標代碼

本文續文03:郵箱快速登陸代碼、搜索條代碼、滾動(dòng)字幕代碼、插入播放器

本文續文04:陰影文字代碼、鼠標滑過(guò)文字停止代碼、播放器代碼、手機地址查詢(xún)代碼、 改變標題圖片代碼、Flash特效代碼

本文續文5:改變標題文字代碼、修改模板的代碼、改變模板寬度代碼、Twins樣式的鐘表發(fā)光字體代碼

本文續文06:天氣預報代碼

本文續文07: 涂鴉留言板的申請(比較復雜)

本文續文08:網(wǎng)頁(yè)制作工具網(wǎng)址

本文續文09:添加日歷的代碼總匯

本文續文10:QQ電臺的添加

本文續文11:自定義新浪博客各處模板等

本文續文12:新浪博客文字顏色改變的源代碼等

本文續文13:文章圖片導航系統等

本文續文14:更改博客上的標題文字的大小和顏色等

本文續文15:設為首頁(yè)、加為收藏、聯(lián)系的代碼更改文章標題位置所用的代碼制作

本文續文16: 文繞圖+在圖片下注釋的效果在圖片上做滾動(dòng)文字的代碼

本文續文17: 滾動(dòng)友情鏈接

本文續文18: 給新浪BLOG添加密碼、圖文導航代碼破解

本文續文19: 自定義導航欄

本文續文20: 博客添加電視的代碼

希望對你能有所幫助

0
0
收藏0
回帖

關(guān)于背景圖案 期待您的回復!

取消
載入表情清單……
載入顏色清單……
插入網(wǎng)絡(luò )圖片

取消確定

圖片上傳中
編輯器信息
提示信息