Loading...

圖文穿插效果

Temperature: 0 °C

ChungChung
author_tools

寫故事還是得圖文穿插看起來方便些~

其實一直都在找最適合寫故事的方式,一開始把所有上傳照片都放在故事開頭...看起來版面是很乾淨...

但的確也不是那麼容易閱讀...尤其是在手機的畫面上看..可以感覺到更不方便...

知道痞客邦是用html編輯器的方式讓使用者寫作...這會有點像word的方式排版...

但總覺得好像也沒有要那麼多功能...

最後還是先用了這樣的排版方式:

圖文穿插效果
上傳圖片的同時...系統也會將上傳的圖檔標籤寫入故事內文...

之後當把故事儲存後...前台便會顯示如下列畫面

圖文穿插效果
嗯,這樣就可以達到圖文穿插的結果....想以後寫故事或技術文應該方便多了吧....

至少在手機上看起來還不錯...

台北市松山區八德路四段650號 Go

https://innstory.com/story-圖文穿插效果-389
Innstory

Prev
 早上好Goat_Coffee_山羊咖啡

Next
來一盤駱式海鮮義大利麵 

Nearby Attractions

台北市松山區八德路四段650號-Nearby Attractions

  • 李春生紀念基督長老教會(大稻... Go
  • 大稻埕辜宅 Go
  • 總督府農業試驗所昆蟲部 Go
  • 臺灣總督府博物館 Go
  • 欽差行臺 Go
  • 原八芝蘭公學校講堂 Go

About the Author

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

#有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。

Visitor message

Leave some footprints to prove that you visited me

  • eyJpdiI6IlptUmhhMmx1Wld3N2FXNXFZV3BrYWc9PSIsInZhbHVlIjoiQ1d1akZrMTBzb2xuK25vT09wd1lqZz09In0

    Chung 2015-12-20 03:54:00 0

    目前故事內容上傳照片只適用單選而不是複選,但可重上傳多次並無限制,上傳照片原本有設定單張照片上限是以次超過2MB為主,目前有先把上傳限制調整至5MB...可再試看看,謝謝。
  • eyJpdiI6IlptUmhhMmx1Wld3N2FXNXFZV3BrYWc9PSIsInZhbHVlIjoiV0UrNmNxTXNrTmFNSFhxUzU0WGxRQT09In0

    季念 2015-12-20 02:22:46 0

    今天想來寫一篇回顧這一年的文章,需要放很多張照片,然而卻發現照片只能放一張。 有些是檔案太大,我調過之後又再試了一次,雖然他沒有再跑出檔案太大的提示,可是它上傳到一半,就不見了,試了很多次都是這樣子,請問怎麼辦?

Recommended reading

Author's other related stories

如何使用javascript判斷身分證號跟居留證格式

如何使用javascript...

首先,我是把如何用javascript判斷字串中必須包含中英文的方式延伸~ 將每一個字轉換成 ASC...

JavaScript 檢查 Radio Button

JavaScript 檢查 ...

要用 JavaScript 來檢查同一組的 radio button 是否已選,可用以下方法: if...

Android Studio 2.3 隨機改變背景顏色

Android Studio...

class55 開始學習APP 其實我照著工具書上的方式總是在宣告變數時會產生問題~ 例如工具書上寫...

Recommended reading

Other stories happened at this address

用distinct在MySQL中查詢多條不重複記錄值

用distinct在MySQ...

select *, count(distinct name) from table group by...

Mandy說我想要募款去紐西蘭@@

Mandy說我想要募款去紐西...

bg (示意圖,不確定是不是南湖大山..是在寫太魯閣系統時使用的素材) 南湖大山位於台灣的中央山脈主...

RewriteRule仿靜態連結

RewriteRule仿靜態...

前幾天寫了關於頁面導向位置的定義。https://innst...

HTML5 影音手持裝置適應不良篇

HTML5 影音手持裝置適應...

這天下午跟客戶開完會... 客戶針對專案中手持裝置網站適應性做了需調整的說明..另外還包括影音檔播放...

Google map 功能導入

Google map 功能導...

blogmap 寫故事還是得有地圖才好厚! 前幾天,sam同我說有一個客戶有Google map的需...

愛情無全順

愛情無全順

我覺得還蠻好笑的... 我好像也是宅男一族厚....其實感情這種事真的是說不準的.... 天想到.....

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format