GOOGLE的Blogger版型一直跑掉...該怎麼設定呢?

花了好長的時間終於找到了喜歡的版型,也修改成自己的模式
可是PO文章上去後...發現標題和內文的字左邊部分都會超出原先的版面...造成閱讀上的困難
而圖片更慘~左邊部分超出去就算了...連右邊的部分也被裁掉,變成正方形的~
點我去看
整個文章都往左偏...然後右邊留了一大片空白...好醜!!
有熟悉語法的網兄可以教教我這部分要怎麼設定嗎?

謝謝!
先一步一步加東西進去
例如只要文章本文與圖片, 側邊選單保持清空
來看看是哪個元素影響了排版
水喔
終於看到有人跟我一樣
自摸blogger的版型

我看了一下您的網誌
應該是 edit template HTML裡的

#outer-wrapper {
版面寬度太小
所以找這列去微調px
把版面加寬應該就可以容下main文章區

#main-wrapper {
如果文章內改變文字,大小等
去更改main這列微調

請找關鍵字 post img
然後加入 max-width: 100%;
這樣只要圖片超出範圍,會自動縮小。

Ex:

.post img {
padding:7px;
max-width: 100%;
background: #e8e8e7;
}
justkit wrote:
請找關鍵字 post img
然後加入 max-width: 100%;
這樣只要圖片超出範圍,會自動縮小。

Ex:

.post img {
padding:7px;
max-width: 100%;
background: #e8e8e7;
}

感謝指導,圖片的部分OK了...

Girlmvp wrote:
#outer-wrapper {
版面寬度太小
所以找這列去微調px
把版面加寬應該就可以容下main文章區

#main-wrapper {
如果文章內改變文字,大小等
去更改main這列微調

可是內文的部分我依照了Girlmvp大說的調整outer-wrapper寬度後
卻變成這樣:

內文和標題是有進來了,可是上面照片紅框部分被裁掉了...
另外main-wrapper 這個,我只找到
並沒有看見有什麼數值可以改耶!?
我想要的是內文的部分可以延伸右邊一點,目前內文都是往左偏...右邊那裏空很大,這樣看起來很怪!

請再指導小弟一下了,謝謝!
chin47 wrote:
感謝指導,圖片的部分...(恕刪)

應該是微調版寬 outer-wrapper
造成title區照片也跟著變寬
所以把照片改小一點就可以解決

如果想把內文往右移一點
可以在 #main-wrapper {

加入 float: left; (設定主文在左或右)

如果還有疑問可以參考blogger教學
http://01mistery.blogspot.com/2008/09/bloggercss.html
不要哀求,學會爭取,若是如此,必有所得  / 部落格 http://www.rihpx.com/
ladyous wrote:
Blogger有範本...(恕刪)

我以前用過 Blogger in Draft
真的很方便

文章分享
評分
評分
複製連結

今日熱門文章 網友點擊推薦!