美美認為 HTML 語法在一開始發展的的精神就是公開、分享，只是後來太多輕而易舉的 Copy/Paste 的不負責任盜用，逼得人們不得不奮力捍衛自己的著作權。

美美買了「愛上我的無名小站」這本書，感覺有點上當受騙。這本書是寫給初學者，或九歲、或九十九歲之流的人。是否逛過讓你大為驚豔的無名小站網誌？是否懷疑別人怎能如此裝潢無名小站的網誌？其實，基本上，網誌上所有的項目，理論上都是可以隨心所欲地放置在你希望的位置上、變成你想要的樣式：如果你知道怎麼修改的話。

美美看到許多版主會限時、限量贈送一些特別的 CSS 樣式。這種「限量珍藏版」的作法讓一些樣式顯得格外珍貴，又具有紀念價值。這種做法真的無可厚非，畢竟著作權人有絕對的權力決定如何對待他的原創作品。

美美再次重申：美美絕對沒有惡意，絕．對．沒．有。美美一直覺得，這個世界之所以會進步（得如此快），是因為有一些大公無私的人，不藏私地把自己所學的傳授下去。這也是 HTML 語法的精神。

言歸正傳，如果你看到一個裝潢得很特別的無名小站網誌，你該如何查看它的 CSS 樣式表？由研究它的 CSS 樣式表來學習別人是如何設計網誌、操作網頁上的各個項目？

首先，你要先查看它網頁的「原始碼」(Source)。可能是無名小站設計的保護措施，必須在該網誌已開啟後，再按一次「重新整理」，才能看到原始檔（會用記事本 NotePad 開啟）。有人會設定禁止在網頁上按滑鼠右鍵，那就選擇功能表上的「檢視 (View)」／「原始檔 (Source)」。

你會看到如下的畫面（以「美式作風」的網誌為例）：






你會在第十一行左右看見以下的語法：

http://f4.wretch.yimg.com/ustsu/files/blog.css?1203581757" type="text/css" />



「stylesheet」就是樣式表，這個你想查看的網誌的 CSS 樣式表就是存放在（紅色部份）這個位址。把這個網址「複製／貼上」到瀏覽器的「網址列」上，就會開啟它的樣式表。你就可以好好研究別人是怎麼設計網誌的。

接著，你不妨把整個樣式表貼到你自己的網誌（「樣式管理」／「修改CSS樣式表」），你的網誌在頃刻間即套用了別人的網誌版面了：傑克，這真是太神奇了！即可一面研究、一面修改。記得喔，要先把自己原先的 CSS 樣式表做備份，以供還原之用。在此，美美一定要強調：請尊重作著的智慧財產權，未經授權的使用，都是法律所不容的。

美美以「amarylliss（艾瑪隨處走走）」的版面做個示範。希望沒有侵犯到艾瑪的著作權。因為艾瑪的網誌永遠列分類網誌的第一名，又是設計得最美的最佳典範！

這是「amarylliss（艾瑪隨處走走）」的網誌：
http://www.wretch.cc/blog/amarylliss

這是它 CSS 樣式表的位圵：
http://f7.wretch.yimg.com/amarylliss/files/blog.css?1158240085

若將「美式作風」套上「艾瑪隨處走走」的 CSS 樣式表，會變成這樣：




另外，如果你看到限時、限量版的 CSS 樣式表，沒拿到也不用懊惱，只要到留言板看看是誰拿到了，再到它的網誌去查看，若它剛好有套用這個 CSS 樣式表，恭禧你，依上法泡製即可取得它的 CSS 樣式表來研究。

好啦，希望大家玩得愉快。美美希望大家能藉由研究別人的 CSS 樣式表，而增長自己設計 CSS 樣式表的功力。再次重申：請尊重智慧財產權。



文章標籤
全站熱搜
創作者介紹
創作者 美美 的頭像
美美

美式作風

美美 發表在 痞客邦 留言(47) 人氣(2,463)