風之緣 II

關於部落格
我的 YouTube 影音 歡迎參觀
  • 107099

    累積人氣

  • 3

    今日人氣

    0

    訂閱人氣

天空版面修改


前幾天,跟朋友聊到「天空部落格」網頁版面的修改 我沒碰過 css ,對 CSS 不是很瞭解,也沒有太多時間, 在說「天空部落格」內定設計的樣板也滿不錯看的, 因此就沒想到要去修改圖樣。 最後,在朋友的鼓勵下,心想..作一個屬於自己風格的版面, 我改變心意,決定試試..就到網路搜尋有關 CSS 的資訊, 也看了幾篇有關 CSS 的文章,對不認識 英文 的我來說, 只能看一些別人的指導,靠自己摸索。 以下是「天空部落格」版面修改研究心得....請各位格友驗收及指教。
◎選擇一個適當的版面 要有一個屬於自己風格的網頁,就必須先申請「天空部落格」帳號, 申請帳號後,先登入自己的管理介面,選擇一個您喜歡的樣板, 有了樣板才能順利完成自己網頁設定, 才可以進行編輯內容或增加檔案..等等。 ↓選擇樣版(圖1)
◎增加或修改內容 完成選擇樣版後,我們就開始進行重要工程, 做個屬於自己超級完美的家。 登入自己功能設定頁面→選擇您的網頁畫面要增加或修改內容。 ◎增加欄位 增加自訂欄位..這裡可以放一些自己想要的一些咚咚 如:背景音樂、動畫、訊息..等等。 ↓增加欄位(圖2)
◎增加欄位設定 如果您加入欄位內容是:自由欄位、連結書籤、JavaScript 下一個畫面會出現要求您輸入內容, 請把您想要的顯示的文字或效果輸入或貼上, 您所輸入貼上的必須是正確的。 ↓自由欄位輸入內容(圖3)
↓連結書籤輸入內容(圖4)
↓JavaScript輸入內容(圖5)
*以上如無法顯示或錯誤,請到自訂欄位進行修正或增加。 ◎傳送圖片新增相簿 傳送您喜歡的相片到部落格上,供人參觀或修改版面用。 首先,要新增相簿(發文可直接上傳), 傳送上部落格的圖片,您可能會發現,為什麼圖片變小了, 原因,傳送圖片指定格式選擇錯誤.. 傳送圖片格式,最好是選擇最大格式上傳, 傳送圖片時,請注意查看「天空」網頁上說明內容。 ↓傳送圖片指定大小(圖6)
◎觀看圖片網址(URL)方式 圖片傳送完成,進入您的相簿,選擇瀏覽該圖片, 在網頁圖片上點看內容,這就是該圖片,所存放的絕對路徑網址。 ↓觀看圖片網址(URL)(圖7)
◎樣版修改設定 對於「天空」網頁配置不滿意或您想作一個屬於自己喜歡的畫面, 請登入自己管理介面-選擇樣版修改程式,進行改造工程, 選擇一個編輯程式-CSS或樣板設定小幫手。 重要提醒,在進行修改前,請先儲存 CSS 網頁檔, 在 CSS 樣板修改下,有個下拉方格, 選擇儲存檔案1~3其中一個,以便修改錯誤可還原。 ↓選擇樣版修改程式(圖8)
◎樣板設定小幫手 進入設定小幫手頁面,會顯示3個畫面... 對於「天空」這點做的很周到,一看就知道甚麼改, 這裡編輯網頁顯示文字,如:位置、顏色...最方便, 編輯推薦人數顯示請使用 CSS 編輯。 ↓小幫手介面(圖9)
◎CSS 樣板編輯 進入 CSS 樣板編輯後,如果您不懂上方有個 CSS 樣式說明, 按下去會跑出一個圖解說明網頁, 慢慢參考..看久了應該就瞭解甚麼修改。 強烈建議編輯上方logo圖片或背景圖片,使用 CSS 編輯。 ↓CSS 樣式(圖10)
*下面提供幾個「天空」 CSS 用語,作為您的參考。 ----------------------------------- 上方LOGO主圖 #banner ----------------------------------- 下方背景圖 #contentBlock ----------------------------------- 文章內文背景顏色 .post transparent(透明) ----------------------------------- 推薦這個部落格 #commend ----------------------------------- *以上內容只是小部份,請各位格友多多指教。
相簿設定
標籤設定
相簿狀態