[Xuite秘笈]再談CSS改版面與Xuite內定版型:狗貓的家!Xuite名稱的由來&使用秘笈:Xuite日誌
  • 狗貓
  • 瘋狂亂收藏家、收藏CPU、手表以及Xuiters



    
  • 活動小天使
  • 最新活動
  • 今日天氣預報
    愛上Xuite的100個理由

    愛上Xuite的100個理由

    說出喜愛Xuite的理由就能抽7-11禮券,加個貼紙在部落格上再抽《iNu》...[詳細]

  • 我的發燒文
  • 累積 | 今日
    loading......
  • 搜尋文章
  • 關鍵字
  • 最新文章
  • 最新回應
  • Re:[CSS自定樣式教學]Xuite自定樣式CSS入門第三課[版面天、地、左中右欄分析介紹],by(mira)於2008-12-02
    Re:[FAQ}常見問題集目錄彙總,by(小璇子)於2008-12-02
    Re:我的預售房屋初勘心得分享,by(Annie)於2008-12-01
    Re:Yahoo部落格貼Xuite影音的方法 ,by(狗貓)於2008-12-01
    Re:Yahoo部落格貼Xuite影音的方法 ,by(卡達)於2008-11-30
    Re: [CSS樣式]自訂版面分享,兩小無猜冬雪淡藍色系面版 ,by(饅頭。)於2008-11-30
    Re:[實體家居]我的預售屋即將完工,設計稿分享,by(羯)於2008-11-30
    Re:Yahoo部落格貼Xuite影音的方法 ,by(rich)於2008-11-30
    Re:[FAQ}常見問題集目錄彙總,by(阿億)於2008-11-28
    Re:[電視牆秘笈]用Flash做自定自己格式的電視牆,by(*小仙子*)於2008-11-28
    Re:[Xuite秘笈]下雪啦!下雪語法,by(粉)於2008-11-28
    Re:[Xuite秘笈]下雪啦!下雪語法,by(~霸道a寶貝~)於2008-11-27
    Re:我的預售房屋初勘心得分享,by(羯)於2008-11-27
    Re:[文章類別]文章類別分層展開及限制說明,by(a-chyi)於2008-11-26
    Re:[電視牆秘笈]用Flash做自定自己格式的電視牆,by(*小仙子*)於2008-11-26
    Re:Yahoo部落格、無名部落格貼Xuite影音的語法,by(狗貓)於2008-11-26
    Re:Yahoo部落格、無名部落格貼Xuite影音的語法,by(真上杉謙信)於2008-11-24
    Re:Yahoo部落格、無名部落格貼Xuite影音的語法,by(真上杉謙信)於2008-11-24
    Re: [CSS樣式]自訂版面分享,兩小無猜冬雪淡藍色系面版 ,by(斗六保進)於2008-11-23
    Re: [CSS樣式]自訂版面分享,兩小無猜冬雪淡藍色系面版 ,by(ken)於2008-11-23
  • 我的留言版
  • loading......
  • 文章分類
  • 日曆
  • 狗貓時鐘
  • 誰拜訪過我
  • 參觀人氣統計
  • 日誌評價
  • 平均分數:0 顆星
    投票人數:0
    我要評分:
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • 最新引用
  • Re:[ {Xuite活動]起笑蛙],By 台灣泡湯處 於2008-11-02
    Re:[背景音樂隱藏音樂撥放器教學(狗貓)],By ♥我只是一個〃國小生 於2008-10-19
    Re:[背景音樂隱藏音樂撥放器教學(狗貓)],By ♥我只是一個〃國小生 於2008-10-18
    Re:[版面編排ㄉ位置],By 罕病知多少(銅代謝異常Menkes氏症候群) 於2008-09-30
    Re:[如何在部落格裡放背景音樂],By   6年12班交換日記 於2008-09-22
    Re:[放大檔頭照片],By *尋覓另一個世界* 於2008-09-15
    Re:[在我的窩放聲高歌],By .**Antonia Blog**… 於2008-08-21
    Re:[用rollover-release-ro...],By 4664-1946~1964嬰兒潮、Baby Boomers 於2008-08-05
    Re:[標籤雲-翻譯自wikipedia],By 4664-1946~1964嬰兒潮、Baby Boomers 於2008-07-22
    Re:[ 音樂上傳至Xuite影音平台製作單一的...],By 新的空間,新的天地 於2008-07-03
  • 留言塗鴉版
  • 最愛連結
  • 已建立的日誌
  • 2005-10-02 15:45 [Xuite秘笈]再談CSS改版面與Xuite內定版型
  • ?
  • CSS及版面美工類秘笈
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    應該有很多人有這樣的問題,那就是透過Xuite Blog裡面的[面板管理]的[佈景主題],選擇了基本的Blog面板↓

    以及主題提示↓

    後,
    (新版Xuite的CSS裡面已經沒有更換主題圖示的部份)現在想透過CSS語法更換底圖[Blog面板],但是並不更改主題圖示。所以就到[面板管理]的[自定樣式(CSS)]去修改CSS來改底圖(可以參考之前的教學文章自定CSS將Blog底圖換掉),但是改完底圖Body{}以及Skin{}兩段語法中有關Blog面板的底圖background-image的URL位置後,怎麼連其他的主題圖示也變掉了!?要怎麼辦哩,這一篇告訴妳/你。

    當我們透過進入日誌管理中的日誌列表畫面,選擇一個你要管理的日誌進入(如下圖,按下管理的工具鈕如 1)。

    然後進入日誌管理的畫面,點選>面版管理的>>自定樣式(CSS)按鈕(如下圖的2)

    然後就會自定樣式(CSS)的編輯畫面↓出現CSS的一堆程式碼,如下圖↓(新版CSS語法已經都不同,下圖是舊圖)

    3.&4.的部份是body跟Skin部份(新版語法已經沒有Skin部份),也就是整面Blog版面要修改的參數(這一篇沒有要告訴大家怎麼改,請看之前的:自定CSS將Blog底圖換掉),但是這個CSS檔怎麼來的?為什麼有這個CSS樣本檔案?

    這個CSS檔案是當我們第一次建立日誌的(1)、(2)、(3)三個步驟中的第三個步驟中[選擇日誌面版]設定的日誌面版以及主題圖示的CSS樣式檔案。


    當我們後續再透過[面板管理]的[佈景主題]功能,更改Blog面板或是主題圖示,這個CSS檔案並不會再做任何的變動。所以當我們後來再透過[面板管理]的[佈景主題]功能,改變了我們喜歡的主題圖示,只是單純地想透過CSS樣式變更Blog面版(只改底圖),卻是無法如願(因為原本的CSS樣式檔案是最早一開始建立日誌時的樣式檔template)。

    那麼要怎麼辦ㄌㄟ?~~~我的建議做法是再去新增一本日誌(可以參考這一篇教學:一本日誌的建立),這一次的日誌基本資料隨便填(等會兒會刪除),Blog面版選擇就不重要了(隨便選),但是[主題圖示]可要好好地選擇了,因為就是等會要拿來用的。

    然後新增完後的日誌,我們點選其管理按鈕管理進入日誌管理,再進入[面板管理]的[自定樣式(CSS)]功能,將那個CSS樣式檔案Copy到Word或是NotePad。然後再到你真正要改的日誌底圖的CSS樣式管理中,去Paste貼上去用(當然原本舊的CSS文字就不要了!可以透過Ctrl-A全選,然後Delete它們)。

    ps. 10/3修改! 發現其實不需要上面這麼麻煩,只要在CSS樣式表裡面只填寫body & Skin要修改的部份即可,其實保留空白。這樣子[主題圖示]又可隨著[面板管理]的[佈景主題]功能選擇來隨時更改了。參考[Xuite秘笈]CSS語法恍然大悟篇



    狗貓 / Xuite日誌 / 回應(3) / 引用(0) / 好文轉寄
  • 回應