神马文学网圖文框產生器1號
来源：百度文库 编辑：神马文学网 时间：2024/05/23 22:58:54
遊俠已經開格快一年了，一直都沒有自己做過圖文框。其實是因為遊俠工作內容，有一部份就是在從事HTML、CSS 以及 Javascript的設計工作，所以寫格子就不是很想在還花時間在裝飾上面。
不過呢！既然格慶一週年快到了，遊俠格子又是標榜放遊俠作品的地方，總不能連個最普通的圖文框都沒有吧！於是就想到要來做一個『圖文框』！？不對，這格子界裡圖文框達人太多了，再做圖文框的話，顯不出與眾不同。
嗯~左思右想之餘，對了，那就來個『圖文框產生器』好了！很多格友都引用過別人做好的現成圖文框，卻沒自己做過。這種事其實就跟第一次包水餃一樣，雖然包出來的"東西"被第三者辨識出是水餃的機率應該不超過20%，但是當自己煮了它，並且把它送到嘴裡的那種滋味 .... 嗯~正如孔子跟亞里斯多德說的『初戀最美，雖然不見得最好 ...』
廢話不多說，底下就請大家自己體驗吧！
遊俠已經把產生器放在這個位址：http://163.32.57.37/generater1.htm，大家可以連過去使用。如果你不放心是否有病毒，也可以按右鍵，選『另存目標』到自己的電腦，掃毒後直接在自己電腦裡開啟來使用，也是一樣。這個『圖文框產生器』就只有一個html網頁檔而已。
開啟後你會看到圖一的示範圖文框。左邊的灰色設定區，就是讓你自己來設定想要什麼樣的圖文框，而正中間則是預覽區。當妳更改了設定值之後，按一下最下面的【更新】鍵，就可以預覽妳設定的圖文框長什麼樣。
確定做好自己的圖文框之後，把網頁捲到最下面，妳可以看到一個如圖三所示的文字區。這就是妳所做的圖文框內容。用滑鼠在文字區點一下，內容就會自動copy到剪貼簿裡，然後再到自己格子的編輯區，以檢視html原始碼的模式貼入，再寫上自己的文字內容就行了。很簡單吧！
左邊的灰色設定區會自動隨著畫面捲動而固定住，如果有人的螢幕高度不夠高，看不到設定區下面，請勾選設定區右上方的選取框，醬子捲螢幕時，設定區就不會跟著動了。
有任何建議，請留言給遊俠吧！好了，可以開始包你的餃子... 呃！是做你的圖文框了！
PS. 底下的圖若看不清楚，在相簿有原始大圖，可以點擊圖來開啟大圖
