??修改橫幅的代碼:
?橫幅印刷。banner
{background:url("頭部大橫幅圖片地址") no repeat no scroll!mportant;}
以上的代碼只是更改博客橫幅的最簡(jiǎn)單的代碼橫幅印刷。
但是,有一些朋友希望能夠把博客的橫幅加寬橫幅印刷。
??那么又怎么辦呢?
呵呵 在這里,我介紹一下博客橫幅加寬的代碼:
代碼一:
橫幅印刷。banner
{background:url("橫幅圖片地址") no repeat no scroll!mportant;}橫幅印刷。banner
{height:235px}
說(shuō)明:代碼中235px 表示橫幅的寬度 可以自己調節橫幅印刷。
??這個(gè)代碼適合于JPG格式的圖片橫幅印刷。
代碼二:
橫幅印刷。banner
{height:235px}
說(shuō)明:代碼中235px 表示橫幅的寬度 可以自己調節橫幅印刷。這個(gè)代碼適合于FLASH形式的圖片。
那么橫幅印刷。用這個(gè)代碼添加FLASH橫幅。
??必須還要添加另外的代碼(即絕對定位代碼)橫幅印刷。呵呵;雖然麻煩了一些,但這樣會(huì )使博客看起來(lái)更美觀(guān),
絕對定位代碼如下:(只能添加一個(gè))
代碼一:
(這個(gè)定位代碼自動(dòng)居中，解決了使用不同分辨率，或者寬屏幕電腦看定位內容偏離的問(wèn)題橫幅印刷。
這里覆蓋需要定位的內容
代碼二:絕對定位+框架
代碼說(shuō)明:
top:12px 上下位置的數值，數字越大，定位的東西越往下橫幅印刷。（自動(dòng)居中，只調整上下即可）
width=770 框架的長(cháng) height=48 框架的寬 可根據定位的東西自己調整橫幅印刷。
那么,制作自己的博客橫幅橫幅印刷。還可以隱藏橫幅上方3。0的背景圖片,這樣看起來(lái)就更美觀(guān)了;
橫幅上方的3橫幅印刷。
??0后的背景圖片
橫幅印刷。bodyTop
{background:url("文字上覆蓋圖片地址") no-repeat center;}
圖片尺寸：寬770像素 高40像素 分辨率72
隱藏橫幅上方的3橫幅印刷。
??0圖片：
? 橫幅印刷。logo{display:none;}
那么,有一些朋友他不想要橫幅橫幅印刷。在這里我再告訴大家,隱藏橫幅的代碼:
隱藏首頁(yè)橫幅上的博客地址：
橫幅印刷。
?? nktd{display:none;}
再告訴大家一些橫幅素材:
橫幅素材1
橫幅素材2
添加方法：
首先復制代碼→點(diǎn)擊你博客的 控制面板→首頁(yè)內容維護→自定義空白面板 ;; 點(diǎn)擊進(jìn)入編輯界面 →點(diǎn)擊 →打開(kāi)新窗口后 點(diǎn)擊 顯示源代碼 → 把你復制的代碼粘貼 → 點(diǎn) → 然后回到你的控制面板 點(diǎn)擊定制我的首頁(yè) → 在新打開(kāi)的網(wǎng)頁(yè)中 點(diǎn)擊 添加模塊 → 在新打開(kāi)的窗口 把你新建立的這個(gè)模塊名字前打上對號橫幅印刷，然后在最下面點(diǎn)擊 →最后點(diǎn)擊 保存設置 一切就OK了
方法2:直接把上面的代碼粘貼到模塊里．點(diǎn)擊 顯示源代碼 → 把你復制的代碼粘貼
注：這個(gè)模版現在正在使用
以上代碼請隨意使用!~~
轉載請注明:本文由:生活懶洋洋整理!~謝謝
橫幅印刷。
??你好橫幅印刷！
更換整體頁(yè)面背景的源代碼：
body
{background:url(博客整體頁(yè)面背景圖片) repeat
scroll!important;}
更換頁(yè)面題圖logo圖片的源代碼：
橫幅印刷。logo
{background:url(博客最上方題圖logo圖片) no
repeat no scroll!mportant;}
更換頁(yè)面橫幅題圖的源代碼：
橫幅印刷。
??banner
{background:url(橫幅題圖大圖) no
repeat no scroll!mportant;}
更換頁(yè)面橫幅題圖下面的菜單圖片的源代碼：
橫幅印刷。menu{
background:url("題圖下的長(cháng)條菜單圖片") no-
repeat center;}
更換頁(yè)面文章標題欄上翻時(shí)的圖片的源代碼：
橫幅印刷。
??feeds 橫幅印刷。up{
background:url("文章標題欄上翻時(shí)的圖片") no-
repeat center;}
更換頁(yè)面文章標題欄下翻時(shí)的圖片的源代碼：
橫幅印刷。 wn{background:url("文章標題欄下翻時(shí)的圖片") no-
repeat center;}
更換頁(yè)面文章結尾處評論閱讀菜單欄的圖片的源代碼：
橫幅印刷。
??feeds 橫幅印刷。function{
background:url("文章結尾處評論閱讀菜單欄的圖片") no-
repeat right;}
更換頁(yè)面空白面板標題欄上翻時(shí)圖片的源代碼：
橫幅印刷。links 。up{
background:url("空白面板標題欄上翻時(shí)圖片");}
更換頁(yè)面空白面板標題欄下翻時(shí)圖片的源代碼：
橫幅印刷。
?? wn{background:url(空白面板標題欄下翻時(shí)的圖片);}
更換頁(yè)面空白面板的背景圖片的源代碼：
橫幅印刷。links 。mid{
background:url(空白面板的背景圖片);}
更換頁(yè)面形象照片處的背景圖片的源代碼：
橫幅印刷。
??photo 橫幅印刷。mid{
background:url(形象照片處的背景圖片);}
更換頁(yè)面自定義空白面板背景圖片的源代碼：
橫幅印刷。label 。mid{
background:url(自定義空白面板的背景圖片);}
更換頁(yè)面日歷面板的背景圖片的源代碼：
橫幅印刷。
??calendar 橫幅印刷。mid{
background:url("日歷面板的背景圖片");}
更換頁(yè)面公告欄標題欄上翻時(shí)圖片的源代碼：
橫幅印刷。callboard 。up{
background:url("公告欄標題欄上翻時(shí)圖片");}
更換頁(yè)面公告欄標題欄下翻時(shí)圖片的源代碼：
橫幅印刷。
?? wn{background:url("公告欄標題欄下翻時(shí)圖片");}
更換頁(yè)面公告欄的背景圖片的源代碼：
橫幅印刷。callboard 。mid{
background:url("公告欄的背景圖片");}
更換頁(yè)面正文背景圖片的源代碼：
橫幅印刷。
??bodyBg{
background:url("正文背景圖片");}
更換頁(yè)面正文背景圖片的源代碼：
橫幅印刷。bodyBottom{
background:url("正文背景圖片");}
更換頁(yè)面正文文章頁(yè)數圖片的源代碼：
橫幅印刷。 ge{background:url("正文文章頁(yè)數圖片") no-repeat center;}
更換頁(yè)面留言板標題欄上翻時(shí)的圖片的源代碼：
橫幅印刷。
??gbook 橫幅印刷。up{
background:url('留言板標題欄上翻時(shí)的圖片') no-repeat;}
更換頁(yè)面留言板標題欄下翻時(shí)的圖片的源代碼：
橫幅印刷。 wn{background:url('留言板標題欄下翻時(shí)的圖片') no-repeat;}
添加步驟：
第一步、登錄新浪博客，輸入“登錄名”“密碼”和“驗證碼”后點(diǎn)擊“登錄”橫幅印刷。
第二步、點(diǎn)擊進(jìn)入主頁(yè)上方的“控制面板”橫幅印刷。
第三步、進(jìn)入“個(gè)人首頁(yè)維護”橫幅印刷。
第四步、進(jìn)入“自定義空白模板”橫幅印刷。
第五步、點(diǎn)擊“新增”新增一個(gè)空白面板橫幅印刷。
第六步、在“面板標題”寫(xiě)好面板的名稱(chēng)，勾選面板下方的“顯示源代碼”勾選框，此處注意一定要勾選，否則將不能成功橫幅印刷。
??將以下代碼貼入文本框中，點(diǎn)擊“保存”橫幅印刷。
第七步、點(diǎn)擊“控制面板”左側“BLOG信息設置”中的“定制我的首頁(yè)”橫幅印刷。
第八步、點(diǎn)擊“添加模塊”橫幅印刷。
第九步、勾選剛剛建立好的面板，點(diǎn)擊下方的“選取”橫幅印刷。
第十步、剛剛建好的顯示面板出現，點(diǎn)擊“保存設置”橫幅印刷。
橫幅印刷。
新浪博客上面大題圖（橫幅）的源代碼：
kongfu.banner{background:url( no repeat no scroll!mportant;}
使用說(shuō)明：
把 url（橫幅圖片地址）括號里的地址換成自己喜歡的圖片地址即可；
具體操作步驟如下：
點(diǎn)擊控制面板——個(gè)人首頁(yè)維護——自定義空白面板——新增——鉤顯示源代碼——粘貼代碼——去掉鉤——保存——定制我的首頁(yè)——添加模塊——鉤選——選取——保存
??新浪博客整體模板源代碼
body
{background:url(頁(yè)面背景圖片) repeat
scroll!important;}
橫幅印刷。logo
{background:url(題圖logo圖片) 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(形象照片處的背景圖片);}
橫幅印刷。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("正文背景圖片");}
橫幅印刷。
??gbook 橫幅印刷。up{
background:url('留言板標題欄上翻時(shí)的圖片') no-repeat;}
橫幅印刷。 wn{background:url('留言板標題欄下翻時(shí)的圖片') no-repeat;}
橫幅印刷。 ge{background:url("正文文章頁(yè)數圖片") no-repeat center;}
注：1橫幅印刷。
??把文字部分改成圖片地址即可,但圖片地址必須是網(wǎng)絡(luò )上已經(jīng)存在的，否則不能顯示橫幅印刷。
橫幅印刷。