想改變 Blogger 網誌頁面,可以怎麼做呢? - 部落格

By Daph Bay
at 2008-08-09T00:30
at 2008-08-09T00:30
Table of Contents
※ 引述《Cadi ( )》之銘言:
: 其實應該是不難的事情,可是因為不懂html語法,所以...
: 我選擇的是既有範本,第一排範本最右側的第三個,也就是 Rounders 3。
: 1. 右側的日期、簡介和網頁元素我想通通拿掉,
: 但是直接拿得掉的只有日期、簡介,
: 想請問有沒有辦法把網頁元素也從頁面中刪除呢?
: (自己有試著找出網頁元素的顏色代碼,然後去"修改html"裡面把它找出來,
: 想說直接把相關的那幾行刪掉就好了吧?
: 結果好像並不行..... ~"~ )
側欄的部份你只要去版面配置一個一個編輯→移除就可以了
原則上不需要動到範本(就是指修改html啦)
: 2. 刪除網頁元素後,我想把網誌文章框框的寬度改成跟標頭框一樣的寬度,
: 請問要怎麼修改呢?
這裡就要動到範本了
先拿掉一系列含有main{}的width設定
再找到下面這段(不用展開小裝置範本),加上黃色的東西
<!-- <div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='略' …/>
…
</b:section>
</div> -->
上面這樣子是把側欄的原始碼整塊註解掉
日後你有要用到隨時都可以再改回來
如果上面這方法行不通,那請你找到
#sidebar-wrap{} 把裡面的語法前後用/*和*/包夾
這樣側欄應該就會被擠到最下方去
只要裡面沒放東西就看不出來有個區塊在那裡了
: 3. 最後,我想插入一個小圖到網誌標題框裏,希望讓它變成這樣的格式:
: ┌┐大標題
: └┘小標題
: 可是插入圖片後,格式完全跑掉,
: 大標題和小標題都變成直式,圖片卡在兩個標題之間,像這樣:
: 大
: 標
: 題
: ┌┐
: └┘
: 小
: 標
: 題
: 請問有辦法把它改成理想中的格式嗎?
不曉得你是怎麼插圖的@@
我的話會加在css裡
#header-inner{
background: url('圖片網址') no-repeat left center;}
然後再去調整#header h1{}和#header .description{}的padding
(裡面四個數字代表的方向依序是上右下左,也就是順時針方下)
(你要讓字離左邊遠一點,就去調padding的第四個數字)
: 兩個網頁元素框框空在那邊,真的很礙事,
: 也使得網誌文章寬度變少,有點令人頭痛,
: 希望了解html語法的的好心版友可以幫一下忙,
: 感激不盡!!
--
http://lingshu1005.blogspot.com/
something about my life
--
: 其實應該是不難的事情,可是因為不懂html語法,所以...
: 我選擇的是既有範本,第一排範本最右側的第三個,也就是 Rounders 3。
: 1. 右側的日期、簡介和網頁元素我想通通拿掉,
: 但是直接拿得掉的只有日期、簡介,
: 想請問有沒有辦法把網頁元素也從頁面中刪除呢?
: (自己有試著找出網頁元素的顏色代碼,然後去"修改html"裡面把它找出來,
: 想說直接把相關的那幾行刪掉就好了吧?
: 結果好像並不行..... ~"~ )
側欄的部份你只要去版面配置一個一個編輯→移除就可以了
原則上不需要動到範本(就是指修改html啦)
: 2. 刪除網頁元素後,我想把網誌文章框框的寬度改成跟標頭框一樣的寬度,
: 請問要怎麼修改呢?
這裡就要動到範本了
先拿掉一系列含有main{}的width設定
再找到下面這段(不用展開小裝置範本),加上黃色的東西
<!-- <div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='略' …/>
…
</b:section>
</div> -->
上面這樣子是把側欄的原始碼整塊註解掉
日後你有要用到隨時都可以再改回來
如果上面這方法行不通,那請你找到
#sidebar-wrap{} 把裡面的語法前後用/*和*/包夾
這樣側欄應該就會被擠到最下方去
只要裡面沒放東西就看不出來有個區塊在那裡了
: 3. 最後,我想插入一個小圖到網誌標題框裏,希望讓它變成這樣的格式:
: ┌┐大標題
: └┘小標題
: 可是插入圖片後,格式完全跑掉,
: 大標題和小標題都變成直式,圖片卡在兩個標題之間,像這樣:
: 大
: 標
: 題
: ┌┐
: └┘
: 小
: 標
: 題
: 請問有辦法把它改成理想中的格式嗎?
不曉得你是怎麼插圖的@@
我的話會加在css裡
#header-inner{
background: url('圖片網址') no-repeat left center;}
然後再去調整#header h1{}和#header .description{}的padding
(裡面四個數字代表的方向依序是上右下左,也就是順時針方下)
(你要讓字離左邊遠一點,就去調padding的第四個數字)
: 兩個網頁元素框框空在那邊,真的很礙事,
: 也使得網誌文章寬度變少,有點令人頭痛,
: 希望了解html語法的的好心版友可以幫一下忙,
: 感激不盡!!
--
http://lingshu1005.blogspot.com/
something about my life
--
Tags:
部落格
All Comments

By Lauren
at 2008-08-09T02:05
at 2008-08-09T02:05

By Ingrid
at 2008-08-12T03:01
at 2008-08-12T03:01

By Ingrid
at 2008-08-13T19:48
at 2008-08-13T19:48

By Delia
at 2008-08-15T07:54
at 2008-08-15T07:54

By Madame
at 2008-08-18T08:54
at 2008-08-18T08:54

By Necoo
at 2008-08-18T10:56
at 2008-08-18T10:56

By Isla
at 2008-08-21T21:16
at 2008-08-21T21:16

By Kumar
at 2008-08-24T18:44
at 2008-08-24T18:44

By Candice
at 2008-08-27T11:16
at 2008-08-27T11:16

By Robert
at 2008-08-28T10:49
at 2008-08-28T10:49

By Jake
at 2008-08-29T22:53
at 2008-08-29T22:53

By Jake
at 2008-09-02T05:54
at 2008-09-02T05:54
Related Posts
請問wordpress.com的段行...

By Lucy
at 2008-08-09T00:27
at 2008-08-09T00:27
想改變 Blogger 網誌頁面,可是...

By Harry
at 2008-08-08T23:57
at 2008-08-08T23:57
怎麼把要引用的網址變成中文???

By Wallis
at 2008-08-08T23:05
at 2008-08-08T23:05
天空的blog文章模式怎麼選

By Hedy
at 2008-08-08T21:23
at 2008-08-08T21:23
一個很多小東西的部落格

By Andrew
at 2008-08-08T17:27
at 2008-08-08T17:27