• yam天空
  • 天空部落
  • 新聞
  • 風林火山
  • 登入 註冊 網誌隨便逛
  • 加入天空部落
  • 挺客家得大獎

網誌 相簿 影音 PK吧! Honda嬉遊趣
即時新聞 影音新聞 新聞專輯 政治新聞 財經新聞 娛樂新聞 運動新聞 兩岸新聞 科技新聞
進入官網 遊戲資料 奪寶好康
管理介面 發表網誌 發表日記 上傳相片 上傳影音 管理留言
推薦這個部落格: 317

Christine的另一片天空

‧網誌食記內容為個人感受,僅供參考。
‧網誌及相簿中的圖片, 若無法顯示時, 請重新整理幾次。
‧請使用IE7.0以上版本瀏覽為佳, 最佳瀏覽大小1280x1024。
‧所有文章及圖片非經本人同意,皆不提供轉載或其他用途。

網誌 |影音 |相簿 |朋友們 |留言
歐舒丹‧活膚隔離乳&薰衣草節護足霜 | 主頁 | 強森乳酪蛋糕‧原味重乳酪
February 16, 2007
天空部落新版樣式修改學習心得以文找文
jschristine 在天空部落發表於01:49:05 | 天空部落
鼓勵此網誌:0 

  從無名小站搬到天空來,為了要將版面設計得跟在無名的一樣,花了好一番時間修改才完成,雖然有些地方仍然是搞不大懂,而且又是根據自己陽春腦袋裡修改的樣式,但仍然想將這些心得分享出來。

 

一、隱藏礙眼的連結設定:(使用{display: none; }來隱藏顯示)

  #adText 廣告連結(網頁頂端)

  #companyBar 「天空部落|Yam」(網頁頂端)
  #sponsorAd 贊助商

  .rightPage 主頁連結

 

 

二、可自由設定位置的:(使用top、left、right、bottom來設定位置)

  #commend 推薦這個部落格
  #linkLogin 登入|免費註冊|忘記密碼

  #adText 廣告連結

  #navBar 頻道選擇(網誌|RSS)聯播|相簿|留言版)

  .cheer 鼓勵此網誌(範圍限制在文章區塊)

     (此項設定的變更會影響相簿內頁的鼓勵此相簿無法顯示)


 

三、標籤設定的相互影響:

 

 (1) form & .post_commentbody:填寫留言的區塊。

 

      form:網誌內頁中的「私密留言」、「記住我的個人資料」及登入填寫區的文字設定;

       日記內頁中為整個「發表你的留言」區塊的設定。

 

   .post_commentbody:僅為網誌內頁中的「發表你的留言」區塊,

               在日記內頁中並不接受這個標籤所下的設定。

 

   ◎解決方法:可統一於form裡設定,才不會前後牽制。

 

 

 (2) form & .sideContent form、.rssbody form、#photoViewbody form、

    .photomsg_Body form。

 

  a) .sideContent form:旁邊小區塊的「搜尋」區塊或是其他有填寫文字的區塊。

  b) .rssbody form:RSS訂閱名單標題區塊。

  c) #photoViewbody form:單張相片瀏覽頁中的"照片描述"下方的區塊。

  d) .photomsg_Body form:單張相片瀏覽頁中的「發表你的留言」區塊。

  

  ◎在form中若有設定背景,則會影響a、b、c、d的背景設定,需將a、b、c、d背景設定為

   {background: none;},即可解決。

 

 

 (3) .post_content & .commentbody。

 

    .post_content:網誌文章內文區塊。

    .commentbody:留言內文區塊。

           被.post_content 的設定影響,在此做文字設定會被視為無效,

           但背景、邊框、留白等設定皆為有效。

 

 

 (4) .cheer:鼓勵此網誌。

         由於網誌文章區塊與相簿內頁區塊內的.cheer是共用設定,故變更位置設定會影響    

       相簿內頁的「鼓勵此相簿」無法顯示。(關於此點令人十分苦惱,怎麼研究都失敗)

 

 

 (5) .th_title & #profile th。

 

   .th_title:個人檔案頁面的部落格資料內的「部落格標題」、「部落格描述」、

      「部落格分類」之標題設定。

 

   #profile th:個人檔案頁面的部落格資料內的「部落格標題」、「部落格描述」、

        「部落格分類」及 個人資料內的「暱稱」、「年紀」、「性別」、「地區」等

         之標題設定。

 

  ◎設定#profile th會覆蓋.th_title的所有設定,但有個例外,在.th_title的左留白(padding-left)與

   #profile th的左留白相較下已有預先的留白設定,所以即使#profile th會影響.th_title的左留

   白,也只是累加了留白的距離,而不會與#profile th所顯示的左留白對齊。

 

 

四、留言內容的版主回覆區塊設定:

  

 版主回覆的區塊需先輸入.blockquote{}的標籤後,再輸入.bmreply 來設定,其樣式才能生效。

 例如:

 .blockquote{}
 .bmreply{

     font-size: small;
     color: #595857;
     line-height: normal;
     letter-spacing: 2px;
     background: #eaf4fc;

     border: 0px;

     }

 

 

  目前整理出來的大致就是以上四點,以後有想到其他的再分享上來。除此之外,第一次想要修改CSS的人,最好先了解天空版面的樣式結構,現在天空有提供新版的樣式結構表,讓想自行修改版面的人參考,但出得有點慢,在我摸索完且修改完成後才刊出來><。

天空部落新版樣式結構表:

http://pics.blog.yam.com/images/css_structure/sky/index.html

 

 

 

留言 (1) | 引用 (0) | 人氣 () | 轉寄
歐舒丹‧活膚隔離乳&薰衣草節護足霜 | 主頁 | 強森乳酪蛋糕‧原味重乳酪
引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)
引用
留言 (1筆)
1.
是因為傷腦版主回覆那個區塊該怎麼改才辜狗到您的天空的
整理的很詳盡噢,感謝您^^
板主回覆:
不客氣^^
keigi 於 2008-08-07 15:59:38 留言 |

發表你的留言 (字數限制 最多 2000 個中文字)
私密留言: 是 否
Name:





是 否
內容:
系統公告
搜尋本網誌
BloggerAds
jschristine的最新文章發表
  • 柴克艾佛隆之歌舞青春3...
  • 人道馬德里烘焙坊(門市...
  • 石二鍋‧王品集團的平價火鍋店
  • 花蓮提拉米蘇蛋糕+芋頭蛋糕
  • 【試吃】冰涼好個秋‧元...
  • 【試吃】伊莎貝爾法式月...
  • LEE‧2007~20...
  • 歐舒丹2009會員生日禮
  • 人道馬德里‧停不了口的...
  • 小北澤壽喜燒
  • 我們這一家之貓狗一家親
  • 拉麵道,我的幸福好味道
  • 一摸就迷的TOSHIB...
  • 機器人打鬥片之[變形金...
  • 讓人愛不釋手的HTC...
  • 香帥芋泥捲
  • 福勝亭日式豬排專賣店(...
  • 和壽司
  • 乾杯燒肉居酒屋(精誠店)
  • 匠屋精緻炭火燒肉
  • 山崎麵包Yamazaki
  • 愛情開始的樣子
今日天氣
文章分類
  • 饞饞想吃 - 甜點 (5)
    • 麵包 (20)
    • 茶點 (39)
    • 蛋糕 (20)
    • 冰品 (12)
    • 零嘴 (5)
  • 奢侈一下 - 餐廳 (5)
    • 台、港、中式料理 (6)
    • 日式料理 (17)
    • 歐式料理 (20)
    • 異國料理 (7)
    • 燒烤、火鍋 (16)
  • 想吃就吃 - 小吃、速食 (3)
    • 速食 (6)
    • 夜市、路比達、傳統小吃 (11)
    • 餐館 (麵食...等) (10)
  • 食未分類 - 其他 (1)
    • 有的沒的 (1)
  • 這是必需,不是敗家 (5)
    • 3C、家電 (9)
    • 愛美麗 (21)
    • 貓仔~吃的用的 (6)
    • 玩偶、蒐集 (5)
    • 生活用品+有的沒的 (5)
  • 喵喵 (2)
    • 愛咬人の希希貓 (14)
    • 別人的喵喵 (6)
  • 灰色角落 (2)
    • 過去式 (7)
    • 現在式 (6)
  • 部落格學習誌 (3)
    • 天空部落 (1)
    • 其他相關 (1)
    • 無名小站 (2)
  • 到處走走 (14)
  • 觀後感想 (14)
  • 生活點滴 (13)
  • 活動 (5)
  • 未分類 (1)
BlogAD

用BlogAD幫自己加零用金

jschristine的最新回應
  • nina:
    今天來到中壢大江百貨地...
  • 小傑:
    這家餐廳開了大約有三年...
  • 路人:
    這是染藍色的特性拉...
  • 路人甲:
    看起來好好吃噢, ...
  • rinrin77218:
    我覺得HOTMAIL的...
  • coolmac:
    我也是覺得肉盤的品質一...
  • coolmac:
    版主很偷懶歐~很久沒發...
  • 朵:
    沒想到到了十月,評價還...
  • QQmelon:
    哈囉你好 ...
  • 小魚:
    我是他們家的死忠麵包迷...
Google AdSense

個人檔案
個人圖檔
ID:jschristine
暱稱:Christine
  • 訂閱 |
    • 我要訂閱此部落格的
    • 日記
    • 網誌
    • 相簿
  • 好友 |
    • 好友功能
    • 觀看好友列表
    • 觀看人緣列表
  • 人氣 |
  • 簡介 

Plurk噗浪一下
Plurk.com
Links
我的地盤
Christine熊 與 愛咬人の希希貓
Christine in CallDoor
Xuite相簿

我的永久RSS
 訂閱到閱讀器

使用資源&貼紙

Palacan!部落格聯播
美食指南
美食旅遊  部落格聯播

誰來我家
朵朵雲飄


人氣指數
當日人次:
累積人次:
RSS 訂閱
RSS2
ATOM
贊助商
CC授權
其它資訊
本部落所刊登之內容,皆由作者個人所提供,不代表 yam 天空 本身立場。
POWERED BY
POWERED BY 天空部落
會員登入│免費註冊