【回應備存】上傳功能說明、修改(橫幅/看板/背景)圖

本篇關鍵字目錄
　‧　功能說明：我的小屋 [提供佈景]
　‧　功能說明：我的小屋 [佈置小屋 > 自訂顏色]
　‧　【繪製圖片方法】
　‧　【不使用〝自定顏色〞修改橫福、看板甚至是背景的方法】

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
　‧　我的小屋 [提供佈景]
　　這邊是您設計ＣＳＳ語法的小屋版面後，想提供給予欲套用您設計的版面的網友參考的小圖。
　　在這邊上傳圖片完完全全不會顯示在您小屋的任何一個地方，除了您的作品佈景一欄以及供給網友瀏覽翻閱的專區，也就是〝選擇小屋佈景主題－會員提供〞（小屋首頁→佈置小屋→套用背景，最下面那一項「佈置小屋 - 進階套用版」）中看更多的視窗中，那一件件的小縮圖。
　　提供佈景的使用方法：
　　→　準備好設計完成的版面語法（CSS），貼到該畫面〝上傳CSS樣式：〞旁的欄位中。
　　→　將成品相關的特點拍圖並縮小，利用另存新檔的功能，通常圖片的檔案類型可以選擇為（.bmp）、（.jpg）或是（.gif），一般來說符合限制長寬的（.jpg）或是（.gif）圖檔，大小都可能已經在15KB以內。接著使用該畫面上的瀏覽功能找到你的圖位置，點一下圖，再按下瀏覽方塊右下附近的開啟鈕。
　　→　回到提供佈景的畫面，縮圖的欄位會顯示一串它在你電腦中縮圖的位址，這是預備上傳的顯示模式，看到這樣就可以不用動了。
　　→　填寫您設計的〝版面名稱〞，確定〝上傳CSS樣式〞的欄位中確實有您設計的版面語法，可以先點最下面的「預覽頁面」查看語法是否正確，在點隔壁的「確定送出」。
　　→　送出後即完成上傳提供佈景的動作。

　‧　我的小屋 [佈置小屋 > 自訂顏色]　
　　如果有自訂ＣＳＳ版面或是套用他人設計的版面，建議不要動這邊的上傳功能，因為它除了會更新〝主選單上方、廣告屋頂下方的　橫福　〞或是〝主選單下方、勇者造型右邊的　看版圖　〞外，還有可能覆蓋掉套用的版面，另外也不會更新網頁背景。
　　修改橫福和看板的方法：
　　→　將符合要求的圖放在可以快速找到的地方，接著點選要修改／替換的位置的「瀏覽」，在瀏覽的方塊視窗中找到替代的圖，點一下圖，並點選開啟。
　　→　回到自定顏色的畫面，欄位會顯示一串它在你電腦中圖片的位址，這是預備上傳的顯示模式，看到這樣就可以不用動了。
　　→　如果看板和橫福都要修改，就依樣畫葫蘆，重複前面兩步驟。
　　→　畫面拉到最下，可以選擇預覽成果或是確定送出。
　　→　送出資料後若橫福和看板沒有變化，請將鍵盤上的「Ｃｔｒｌ」和「Ｆ５」鍵同時按下，這是重整畫面的功能。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
【繪製圖片方法】
　　最簡單的「小畫家」
　　→　版面尺寸：先將潔白的畫面長寬拉到規定的範圍，拉版面的地方通常不管白紙的大小為何都在可拉邊的中間。
　　　　（長寬的像素數值在小畫家中的右下角，在拉動白紙版面大小時會變化。）
　　→　做圖：看想畫什麼就畫什麼，想放什麼就放什麼（只要不違反站規）。
　　→　成品另存新檔：小畫家的上方功能列「檔案→另存新檔→檔案命名→檔案類型選擇（.jpg）或是（.gif）」，確定，送出。
　　→　完成。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
【不使用〝自定顏色〞修改橫福、看板甚至是背景的方法】
　　首先，請自備上傳到可接受外連空間的圖片的網址，若不知道可上傳得空間以及該空間接不接受外連，您可以參考這文串的介紹→【心得】貼圖教學（要有手機認證喔） ★★★★★【附贈】其他貼圖網

（步驟一）
　　打開〝自訂ＣＳＳ〞，請利用，瀏覽器上「編輯→尋找這個頁面的資料…」或是「Ｃｔｒｌ」＋「Ｆ」，開啟搜尋關鍵字功能。
　　如果你要改橫福的圖片，請在搜尋區打「　.banner　」（點〝.〞到英文單字全部，或是英文單字。）
　　如果你要改看板的圖片，請在搜尋區打「　.cover_pic　」
　　如果你要改背景的圖片，請在搜尋區打「　.body　」
　　輸入好關鍵字後，按確定，即可找到〝自訂CSS〞中這些東西的所在。
（步驟二）
　　找到步驟一搜尋的目標它的「{」「}」中，類似以下的語法：
　　background-image:url(http://ystats.gif);　　或　　background:url(http://ystats.gif);
　　如果為這兩種請接步驟三，如果為下面這種，請接步驟四。
　　background:transparent;　　或是　　background:none;
（步驟三）
　　將自己要貼的圖片網址取代其中ｈｔｔｐ到副檔名結束的部分。
　　例如：
　　background-image:url(http://myhome.apbb.com.tw/indream228/baha_home_blue/TITLE-BG_blue.gif);
　　或
　　background:url(http://myhome.apbb.com.tw/indream228/baha_home_blue/TITLE-BG_blue.gif);
　　之後請接步驟五。
（步驟四）
　　將語法先改成→　background-image:url( );　　或　　background:url( );
　　再回到步驟三。
（步驟五）
　　成果大致類似：
　　.banner{
　　background:#FFFFFF;
　　background-image:url(http://myhome.apbb.com.tw/indream228/baha_home_blue/TITLE-BG_blue.gif);
　　background-repeat:no-repeat;
　　}
　　拉到畫面最下方，可以預覽成果或是確認送出。
　　送出後即可，若是送出後仍無變化，請將鍵盤上的「Ｃｔｒｌ」和「Ｆ５」鍵同時按下，這是重整畫面的功能。