close
美美認為 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 樣式表的功力。再次重申:請尊重智慧財產權



arrow
arrow
    全站熱搜

    美美 發表在 痞客邦 留言(41) 人氣()