[Blogger] 關於文章的配置

看板Blog作者 (戲謔人生)時間16年前 (2009/08/09 23:07), 編輯推噓2(2018)
留言20則, 6人參與, 最新討論串1/2 (看更多)
摸blog第二天中,還在努力地爬精華區。雖然資料很多, 但是現在面臨問題不知道該往哪一個方向去找答案的麻煩 ,有種謎底就在眼前卻找不到的困惑 囧。 我的問題核心: 不知如何讓文章中有效搭配[文字][圖片]彼此位置配置上的編排 問題一: 如果文章一直都是像這樣 文文文文文文文 圖 文文文文文文文 感覺中間很空虛的感覺,但如果我想要在中間擺兩張圖以上 文文文文文文文 圖 圖 文文文文文文文 又找不到這樣的選項..文字自然也加不進圖的左右兩邊了.. 所以我有什麼辦法能填充這些空虛的地方呢? 問題2.就是承上題,怎樣在一列上數張圖? (我目前的方法是先直接私下剪貼成一整張圖貼進去 囧) 問題3. 我採用了blogger內建的上傳照片,它提供置中、左、右的服務 這樣我就可以在圖片的左右擺文字,例如: 文文文 文文文 圖 文文文 但是這樣會有兩個麻煩 - 1.文字很容易不對稱 2.圖片下方無法額外加文字註解 (目前的解套方法,把文字註解直接塞在文字裡,然後盡量讓文字減少, 都是治標不治本) 在下blog初體驗的成果: http://concerningbradleycooper.blogspot.com/ 第一篇編排得像是拼花布似的乞丐文,相信我,在排成這樣前文字是 東一塊西一塊像畢卡索畫一樣(泣)。剛貼上去檢視下還全部變 成亂碼。 第二篇直接自暴自棄地貼圖html code完成制式呆板的文章(遮臉) 請有經驗的板友們提供一下我現在應該是找哪些資料幫助我解決上述 的問題,哪些又是我目前最該先學的東西呢? 再問一題 這兩篇文章距離好近,整個就容易錯認成同一篇文章,有辦法可以把 它們分開一點嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.43.118.7

08/09 23:09, , 1F
請愛用 table
08/09 23:09, 1F

08/09 23:14, , 2F
請問table是指= =?
08/09 23:14, 2F

08/09 23:14, , 3F
table是表格
08/09 23:14, 3F

08/09 23:16, , 4F
謝謝,我再搜尋看看,剛以為是tab鍵(死)
08/09 23:16, 4F

08/09 23:16, , 5F
不過我個人不太喜歡文繞圖 一行圖一行文字感覺較整齊
08/09 23:16, 5F

08/09 23:17, , 6F
如果只是單純同一行要放兩張圖的話 只要把握好兩張圖片同
08/09 23:17, 6F

08/09 23:18, , 7F
高 寬度加起來又不會超出文章區塊 就沒問題
08/09 23:18, 7F

08/09 23:21, , 8F
google「html 表格」就會有簡單語法教學了
08/09 23:21, 8F

08/09 23:22, , 9F
Q_Q感謝各位
08/09 23:22, 9F

08/09 23:26, , 10F
文章太近 可以考慮在後台->版面配置->網頁元素->網誌文章
08/09 23:26, 10F

08/09 23:26, , 11F
把第一個日期勾選看看
08/09 23:26, 11F

08/09 23:27, , 12F
或者換其他模板應該有分格線 (手動增加可能要請高手
08/09 23:27, 12F

08/09 23:31, , 13F
可以在.post-footer{}裡面加上margin或border的設定
08/09 23:31, 13F

08/09 23:31, , 14F
這樣可以讓張貼者跟標籤那一行離文章內容遠一點
08/09 23:31, 14F

08/09 23:32, , 15F
border則是線條的css語法 詳細寫法google都有啊~~
08/09 23:32, 15F

08/09 23:34, , 16F
努力中,目前方法是讓主網頁僅顯示一篇文章(=XD)
08/09 23:34, 16F

08/09 23:58, , 17F
唉呀..發現先學HTML語法實在是基本=v=
08/09 23:58, 17F

08/10 00:22, , 18F
Blogger的板型不就是奠基在html語法上嗎? XD 加油 ^^
08/10 00:22, 18F

08/10 00:52, , 19F
當興趣慢慢摸也不賴阿,我就只會一點點XD
08/10 00:52, 19F

08/11 00:58, , 20F
直接用WLW或FrontPage就沒這些問題了
08/11 00:58, 20F
文章代碼(AID): #1AVkOZSB (Blog)
文章代碼(AID): #1AVkOZSB (Blog)