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

PHP網路爬蟲之抓取meta value

PHP網路爬蟲之抓取meta...

最近在研究著如何抓取網頁中的meta值... php中的getmetatags函式可以抓取meta ...

javascript 底下使用 htmlspecialchars

javascript 底下使...

pexelsphoto Javascript中使用一個函數達到PHP的htmlspecialchar...

PHP網路爬蟲之抓取Open Graph(OG) Meta tags

PHP網路爬蟲之抓取Open...

用google爬了很多文章.... 最後終於找到一篇內容..... 只是測試了半天...感覺奇怪為何...

Recommended reading

Other stories happened at this address

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

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

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

Responsive Web Design使用CSS3的Media Queries進行自適應網頁設計

Responsive Web...

智慧型手持裝置(手機、平板)已是非常普及的日常生活必需品。 所以現在,在開發系統時客戶都會詢問是否支...

行事曆功能導入

行事曆功能導入

cc Innstory有行事曆囉! 我試著把Innstory當作是我的筆記本,將生活發生的故事紀錄下...

PHP數字轉國字...

PHP數字轉國字...

什麼鬼...客戶系統的需求竟然有一個數字要轉成國字.... 數字轉國字...數字轉國字...就是要把...

蘑菇醬麵

蘑菇醬麵

據我所知...老婆大人在嫁給我之前是顯少進廚房的 上個星期天....老婆說想煮蘑菇醬麵 於是.......

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