現在位置: 首頁 > 其他 > 正文

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

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

文章連結: https://shazi.info/%e5%b0%87%e5%9c%96%e8%97%8f%e5%9c%a8%e9%a6%96%e9%a0%81%e5%8e%9f%e5%a7%8b%e7%a2%bc%e7%9a%84%e9%a9%9a%e5%96%9c/ | Mr. 沙先生

該文章由 shazi7804 於2014年04月30日發表在 其他 分類下, 你可以發表回文,並在保留原文地址及作者的情况下引用到你的網站或部落格。
原文轉載請註明: 將圖藏在首頁原始碼的驚喜 | Mr. 沙先生
標籤: ,

將圖藏在首頁原始碼的驚喜:給Mr.沙先生一點建議

發表回文