將圖藏在首頁原始碼的驚喜

2014-04-30 Other

還記得之前在太陽花學運的4am.tw的香蕉哥,在製作網站的時候通常可以留一些伏筆提供一些驚喜

 

不過自己畫這樣的東西實在很難

但在 http://picascii.com/ 這個網站提供了將圖轉成原始碼的服務。

SETP.1 準備一張放在原始碼的圖,到 http://picascii.com/

2014-04-30_123557

 

SETP.2 將檔案上傳之後按下Generate之後會產生原始碼code

 

SETP.3 按下Get the CODE HTML OR TXT version (with colors or not)

會產生html / txt 的版本想要有顏色的可以使用html,一般使用txt就行了

 

SETP.4 一般在網站 <head> 之後加入 <!– txt code –> 把整段註解起來就可以了

在回顧一下4am.tw的香蕉

 

Note:

1. 如果是貼在blog,要將「空白」取代為「.」 因為空白對於blog來說只是一個空白並不會產生字元。

2. 產生的原始碼和實際上看到的還是有一些差距,想要符合需求還是要自行調整。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

彙整

分類

open all | close all

License

訂閱 Mr. 沙先生 的文章

輸入你的 email 用於訂閱