每個人穿衣服都怕「撞衫」,為什麼卻能忍受「個人網誌」這麼個性化的獨家地盤使用跟眾多人一模一樣的「樣式」呢?沒錯,有些樣式的精采設計的確讓人眼睛一亮兼之愛不釋手一定要馬上套用,但若逛到下一家也是套用相同的樣式,是不是開始覺得有點氣餒?若連續逛了十家都套用相同樣式,甚至在網頁剛開啟的瞬間會懷疑這到底是誰家,我家還是別人家? 如果想要輕輕鬆鬆三分鐘設計出獨一無二的網誌樣式,別走開,繼續讀下去吧。
上圖(以我的網誌為例)套用的樣式,大家應該很熟悉吧?據統計,曾套用過此一樣式的部落格直逼卅五萬家,當然其中不乏有人套用一陣子又換掉。但由作者「sunnic」設計的這一系列作品(包括:綠葉、紅花、白淨、藍彩),總套用數超過二百萬次,仍是目前十分熱門的樣式,連我個人都很喜歡此一系列的樣式。
此篇「輕輕鬆鬆三分鐘設計出獨一無二的網誌樣式」的重點:只要改掉表頭(橫幅)的圖片,就能讓你的網誌既能展現個人色彩、且絕對跟別人不一樣。
首先,先套用一個喜歡的樣式,但請選取「開放修改」類別的,尊重智慧財產權,也請尊重作者的意願。
套用後,再選擇一張自己喜歡的相片或圖案(以取代現有樣式表頭的圖案),上傳到自己的相簿內。點選該張圖片後,按「滑鼠右鍵」選取「Properties(屬性)」,即可看到該張圖片的「Address (URL)」(網址),請把那一長串網址複製下來。
接著,到網誌的「樣式管理」下,選擇「樣式小幫手」,打開「橫幅」的「+」號,找到「背景圖片網址」,把剛剛複製下來的網址貼到這個欄位。(其實也可以在這個欄位直接選取相簿內的照片,即可省略前一步驟要複製照片網址。)
在「樣式小幫手」的下半部,可預覽效果,若不滿意,就再換一張照片。若合意,記得要先按「儲存」後再「離開」。噹~噹~噹~~保證絕不撞衫的「個人專屬樣式部落格」就好囉。
只要改掉表頭的圖片,就能讓網誌耳目一新,既有原來樣式的根底、又有個人色彩的圖案來當網誌的靈魂要角。而且,這一招跟在文章內插入一張圖片的難度相當,根本不用花太多時間。
這一招是不是超級簡單又實用?哈哈,江湖一點訣,說破不值錢。
要換成新的圖片,請考慮一下樣式的底色與配色,稍微以美學的觀點來篩選圖片,否則可能會慘不忍睹。但有些比較複雜的樣式,就不是只改一張表頭照片就可以完成修改,呵呵,柿子要挑軟的吃,那就先選擇簡單一點的樣式來下手吧。
延伸閱讀:
● 這招保證可以看到別人的 CSS 樣式表
● 金色幸運草 v.s. 金色皇冠
上圖(以我的網誌為例)套用的樣式,大家應該很熟悉吧?據統計,曾套用過此一樣式的部落格直逼卅五萬家,當然其中不乏有人套用一陣子又換掉。但由作者「sunnic」設計的這一系列作品(包括:綠葉、紅花、白淨、藍彩),總套用數超過二百萬次,仍是目前十分熱門的樣式,連我個人都很喜歡此一系列的樣式。
此篇「輕輕鬆鬆三分鐘設計出獨一無二的網誌樣式」的重點:只要改掉表頭(橫幅)的圖片,就能讓你的網誌既能展現個人色彩、且絕對跟別人不一樣。
首先,先套用一個喜歡的樣式,但請選取「開放修改」類別的,尊重智慧財產權,也請尊重作者的意願。
套用後,再選擇一張自己喜歡的相片或圖案(以取代現有樣式表頭的圖案),上傳到自己的相簿內。點選該張圖片後,按「滑鼠右鍵」選取「Properties(屬性)」,即可看到該張圖片的「Address (URL)」(網址),請把那一長串網址複製下來。
接著,到網誌的「樣式管理」下,選擇「樣式小幫手」,打開「橫幅」的「+」號,找到「背景圖片網址」,把剛剛複製下來的網址貼到這個欄位。(其實也可以在這個欄位直接選取相簿內的照片,即可省略前一步驟要複製照片網址。)
在「樣式小幫手」的下半部,可預覽效果,若不滿意,就再換一張照片。若合意,記得要先按「儲存」後再「離開」。噹~噹~噹~~保證絕不撞衫的「個人專屬樣式部落格」就好囉。
只要改掉表頭的圖片,就能讓網誌耳目一新,既有原來樣式的根底、又有個人色彩的圖案來當網誌的靈魂要角。而且,這一招跟在文章內插入一張圖片的難度相當,根本不用花太多時間。
這一招是不是超級簡單又實用?哈哈,江湖一點訣,說破不值錢。
要換成新的圖片,請考慮一下樣式的底色與配色,稍微以美學的觀點來篩選圖片,否則可能會慘不忍睹。但有些比較複雜的樣式,就不是只改一張表頭照片就可以完成修改,呵呵,柿子要挑軟的吃,那就先選擇簡單一點的樣式來下手吧。
延伸閱讀:
● 這招保證可以看到別人的 CSS 樣式表
● 金色幸運草 v.s. 金色皇冠
文章標籤
全站熱搜

謝謝你啦 讓對css一點概念都沒有的人 有初步的概念 小試一下有點懂了 不過圖要換的大小剛剛好美觀還是不容易地 不過那個看css 我有拿艾瑪當試驗 奇怪幸運草不見了 我又拿格主的美式作風做個試驗 更奇怪~版面大小遠遠超過螢幕尺寸哈 還是一知半解 不過還真的謝謝你囉!!:)
除非是剛好開放給大家的樣式, 否則版主自己設計的樣式, 通常都是量身訂做, 直接套用還是得用 CSS 去微調, 只用樣式小幫手是做不到的. 艾瑪的樣式更複雜, 她還有外部連結
後來我就只有換上我喜歡的圖片了 我還有一個疑問就是 我想把綠底換成藍色 但是我已經選了顏色 按了確定 它還是藍色 為什麼會這樣勒 我改的是整體背景的顏色 錯了嗎?狐疑中~
若有設背景圖片, 則不會顯示背景顏色, 而是該圖片! 我看了你的網誌, 你的背景是心型的綠色, 那是圖片, 你要用換圖片的方式去改, 只改底色是行不通的.
謝謝妳~~ 很愛逛妳網頁, 也很希望自己能放些屬於自己的橫幅在網頁上, 真的是想玩一玩這種東西, 謝謝妳告訴我怎麼改, 會試試, 非常謝謝唷!!
是呀, 橫幅可以放很多東西, 包括: 圖片/文字/連結/Google 廣告... 什麼都可以! 有空我再來寫寫簡單的橫幅設計吧!
@@ 我倒是沒有認真想過要自己設計樣式,改天再來看看要怎麼玩好了~哈哈~~ 不過我很喜歡妳換的樣式,情人節有情人節的風格,過年有過年的喜氣,~ 上次情人節兩個小娃娃牽手(還是面對面搞害羞的)那種感覺就很溫馨,整個就是"很情人節 ~" Angel
那張情人節圖片是在免費圖庫網站抓來的. ^_^ 你可以放自己寫的兩本書的封面當表頭圖片呀! 順便打打廣告~
我懂了 謝謝你~
不客氣.
所以那張心型綠底是圖片而非背景顏色~ 謝謝你 美式作風大大 像這樣的東西是否有入門書籍指導? 那這種情況是否要修改CSS才可以?
呵呵, 入門的書就是無名小站自己出的那一本書, 但實在簡單到不行~ 你要改背景圖片的方法也是相同: 在樣式小幫手內, 找 "整體設定" 下的 "背景圖片網址" 直接挑選相簿內的圖片即可, 下半部有即時預覽功能, 若不喜歡就不用儲存, 喜歡就存檔即可~
請問為什麼不再提供rss訂閱了呢?
啊? Sorry! 我以為沒人會訂閱我的 Blog, 設計版面時, 就把它拿掉~ 現已啟用, 已可訂閱 RSS, 謝謝喔~
3Q 簡單明瞭 真是個好老師~:)
抱歉能請你看看嗎 我用令一個空帳號實驗 把它照你方式改了整體 結果卻只有上半部顯示成藍色... 我有選水平垂直都重複
空帳號實驗? 聰明的好方法! 其實我也是有一個空帳號在測試, 以免影響本尊. ^^ 我看了一下, 你只有改了 "橫幅的背景" 你應該要改 "整體設定的背景" 試試看~
嘿嘿..偷去用了..感謝!
謝謝妳的分享^^ 看你的網誌也是非常賞心悅目 也期待你有更好低作品喔^^
請問一下 為什ㄇ我網誌ㄉ樣式管理不能按?? 連發表新文章也不能按?? 重新整理也沒辦法??!! 為什ㄇㄚ??
也許是你套用的樣式的問題? 那就換一個試試看. 不然, 可能就是無名的問題, 應該很快就會修復 (希望啦).
不懂ㄝ
呵呵, 不懂就不用勉強~ ^_^
謝謝你對我這個電腦白痴踏出我的第一步啦再次感謝
不客氣~ ^^
謝謝你的分享啊~~~~~
謝謝
對了... 忘了來這裡謝謝美美的分享 我已作了一個新的樣式嘍! 嘻嘻
不客氣~ 路路睡得好安祥的表情真動人呀! ^_^
*****
這招挺好用的 感謝分享
不客氣.
哇" !! 厲害唷 " 感謝分享耶" 水啦"
不客氣.
謝啦! 推推 ^_^
想請問您這個留言回應區的圖片要怎麼設定呢? (還有版主回覆的部份) 我好想學呀!
我是參考...艾瑪到處走走...的設計, 你可以參考別人的 CSS 原始檔來研究. 我有寫一篇介紹文: http://www.wretch.cc/blog/USTSU/2178757
我覺得還是有點看不懂耶! 抱歉!!>///< 你可以再進一步的交交我嗎? 我會常來你無名逛逛滴!!^o^