修改網誌範本的寬度跟圖片

一開始使用blogger的時候

大部分的人都會直接套用範本吧

我也不例外

選了tictac的範本

因為我覺得header的綠色跟格子很漂亮~

但是當我貼上照片的時候

預設的內容寬度實在不夠寬

照片有一部分被截掉了

雖然點下去還是可以看到整張

不過我的血液告訴我這不是CS人該遇到的問題XD

所以我進入版面配置，然後利用修改html的功能來修改寬度

首先是outer-wrapper，然後是content-wrapper

主內容包括主欄位跟邊欄

也就是main and sidebar

這幾個區塊的width都需要調整

而main加上sidebar不能超過最大範圍outer-wrapper或content-wrapper

其實這邊我不太確定 哈哈

不過我有發現如果main跟sidebar寬度配的不好

sidebar的物件就會被擠到最下面



接著就是換圖的部份啦

本來這個範本的圖片寬度都只有847px

包括header及footer

而且放在blogblog的網站

為了讓圖片跟的上寬度

只好把圖片抓下來，然後手動調整囉

其實也不會很難

而且我只裝paint .net而已

免費又不難用


問題是做好的圖片又不能再傳回blogblog

本來找了pixa網站來上傳圖片

用了半天才發現她會把我的圖片縮小....

後來想到picasa

不過picasa的圖片連結都會被縮小

還好我之前在寫demo程式的時候有用過

其實只要把網址中的/s144/給拿掉

連結的圖片就會是原始大小了  耶~



呼

昨天晚上作到快兩點

看到對齊的網址布局眼淚都要掉下來