2014年4月30日 星期三

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

還記得之前在太陽花學運的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. 產生的原始碼和實際上看到的還是有一些差距,想要符合需求還是要自行調整。

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

沒有留言:

張貼留言