奇摩部落格背景圖怎麼用?

我是在自訂樣式中貼上圖的網址~但都只有上半張....不能整頁

還有要怎麼用透明~就是文章上也會有背景的圖在上面?

選圖有要選大張一點的還是要桌布呢??

麻煩會的大大幫忙解決我的疑惑吧.....@@"

3 個解答

評分
  • 1 0 年前
    最佳解答

    要背景整個都鋪滿最好用整張寬1024x768以上的背景圖

    這樣使用固定背景就必較美ㄌ~~或也可以用背景單純一點的背景圖四面接縫看不出來~~我的部落格就是使用這種

    固定背景語法

    (大的圖比方是人物或是風景圖)需1024x768大小的圖

    語法如下

    /*Background image for whole page固定背景圖設定*/

    body {

    background-image: url(背景圖網址);

    background-attachment: fixed;

    }

    小圖片鋪滿整個版面固定背景語法

    /*Background image for whole page*/

    body {

    background-image: url(較小背景圖網址);

    background-repeat:repeat ;

    background-attachment: fixed;}

    小圖片如下這種

    圖片參考:http://home.educities.edu.tw/nkhs9323005/back0038....

    css語法使用法↓選

    1. 管理部落格→ 選 面板設定

    2. 選 自訂樣式如下圖

    圖片參考:http://www.chinesefreewebs.com/fanlichuing/W6-4.jp...

    3.打開 CSS 語法框後把語法貼在兩段語法的空隙間(多按一下空白鑑讓空隙加大)

    例: (紅色背景固定語法)

    /*Background color for main content body*/

    .yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {font-size:150%;background: #AE1870}

    將上面語法貼在這

    /*Nav module body*/

    .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{font-size:150%;background:#7A708D; color:#282828;}

    4. 貼好後按確定~~回到我的部落格看結果!!

    如下圖

    圖片參考:http://i174.photobucket.com/albums/w99/fanlichuing...

    邊框圖語法滑鼠或透明設定語法等放置也是一樣作法

    下面是背景透明的設定語法

    /*Opacity for sub column兩側標題透明度*/ 

    .yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:100)}

    /*Background color for module兩側欄位內容透明度*/ 

    .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background:#99FF99; filter:alpha(opacity:100)}

    /*Opacity for main content中間框文章區透明度*/ 

    .yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:0)}

    /*Opacity for blogtitle至頂透明度*/ 

    #yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}

    透明設定值 0~~100設數字越大越不透明

    參考資料: 加菲貓
  • 1 0 年前

    /*自訂固定背景圖*/

    body {

    background-image: url(圖片網址);

    background-repeat:no-repeat ;

    background-position : 50% 60%;

    background-attachment: fixed;}

    上面這個語法是圖片會跟著你走

    圖片就不會重覆

    要在管理部落格>面板設定>自訂樣式的最下面貼上他

    選圖的話 其實你原本的就可以拉 可是要到小畫家把他拉大

    先到小畫家開啟那個背景圖 按最上面這一列影像/屬性

    把他調成1024x768 再把他重新上傳

    選桌布的話當然比較快

    要透明的話要到管理部落格>面板設定>進階樣式去調

    如果還是不會就寄信問我

    到我部落格看看也可以喔^^

    參考資料: 我和我的部落格(點我名字看吧)
  • Han
    Lv 5
    1 0 年前

    /*部落格全版背景底圖設定Background color for whole page*/

    body {background:#ffffff url(圖片網址);}

    然後圖片網址你只要上傳圖片就可以找到網址了!!

    http://imageshack.us/ 是找圖片網址的!

    你開啟↑之後,按瀏覽把你的圖片找出來,按host it!,最下面也是最後的那個網址就是你的圖片網址!

    再把他套進去語法就好!!

    ex:

    我要換的圖片網址:http://www.newspace.com.tw/images/BGColor/bg1/a-17...

    那我的語法就是

    /*部落格全版背景底圖設定Background color for whole page*/

    body {background:#ffffff url(http://www.newspace.com.tw/images/BGColor/bg1/a-17...

    透明。。。有很多種@@"

    http://tw.myblog.yahoo.com/lulu-design/article?mid...

    裡面有語法!!

    由 【一露平面設計工作室】網拍賣場設計‧網頁設計 提供

還有問題?馬上發問,尋求解答。