My site has changed!



----------------------------
名稱: 三欄式 - Bear
建議解析度: 1024 X 768以上
全版寬: 991px
版型: 三欄式
Banner圖寬高: 546px × 150px (更改方式在下面)
內文可用寬度: 600px
側欄可用寬度: 皆為180px
適用瀏覽器:IE6,IE7,火狐,OPERA
其他: 無
-----------------------------


哇哇
第一次發三欄式耶

其實是之前答應香香要做三欄式
我都有記得喔!!!

然後這個版型拖了無敵久是真的阿XD

因為事情很多
所以我都是用空閒時間一點一滴的慢慢做

而且還很要求小細節
---全部都要加上虛線之類的XD

所以基本上應該細節都有注意到吧
不會有某個地方還殘留奇怪顏色這樣0.0

然後我還打算之後發樣式都要做好一種美德
就是交代版型的需求這樣

看到最上面的描述了嗎
你們說有沒有很感心XD

其實要這樣是因為常常有人又跑來問我XXX版的圖片大小是多少??
其實我都有寫在介紹文中
只是你們都沒仔細看對不對(指)

不過兔兒人很好都還會回去找我之前發的大小然後告訴你們XD

----------------------改圖教學

然後這個版的BANNER圖網址是放在#header內
所以更改BANNER圖要先找到#hader標籤,然後更改以下反紅字的地方為你的圖片網址
#header{height:150px;padding:5px 0px;width:990px;margin:0px;border-bottom:1px solid #D4b18e; background:#fff url(http://p8.p.pixnet.net/albums/userpics/8/4/550584/490067d8cb758.png) no-repeat 443px 5px;}

這樣清楚了嗎XD?



然後如果有發現問題趕快告訴我吧:)

來張預覽圖:



然後請至CSS下載區下載吧:)

創作者介紹

Paulean R Sims

壯兔 發表在 痞客邦 PIXNET 留言(95) 人氣()


留言列表 (95)

發表留言
  • misapupu
  • 我覺得三欄式很漂亮
    不過用不習慣就是了XDD 這個板剛剛Misa預覽了一下真的很漂亮呢~
    壯兔真是創意超多的!我的都是超簡單到不行的初學者教學板XDD
  • 但是我覺得MISA的版很好看喔!!!
    尤其是左邊的誰來我家我超愛的-///-
    還可以換圖耶!!!
    然後整個板感覺像是固定版型但是又比固定版型大~這種構想很好-////-
    不過你好像把捲軸拿掉了@@

    然後謝謝MISA拉((抱

    壯兔 於 2008/10/30 21:25 回覆

  • kaoriroom
  • XDDD兔兒
    我好感動喔~我本來是想說說的耶~
    我都快昏了~
    兔兒真是守信之兔!
    昏昏~可是我找不到下載的地方呀???
    XD
    很漂亮呢!兔兒真的很愛妳XDDDDDD
    我要跟你說聲謝謝妳XD
    謝謝!謝謝!
  • XDD
    但不知道是不是你喜歡的啦

    我沒有忘記喔!!
    我只是因為太忙所以還沒趕出來而已XDD~~~
    然後下載點是在CSS整合下載區~!!
    我忘記放連結點了 0.0!!

    壯兔 於 2008/10/30 21:37 回覆

  • kaoriroom
  • 版面很漂亮真的!!!!!!!!!!!!!!
    XDDD還是很謝謝兔兒!!!
    不過那個欄寬好像太小了
    放不下留言板= =...(歐~人家有幫你做就很好了...妳再囉嗦啥?)
    哈哈哈!
    真的很謝謝壯兔兒造福我們哦XD
    愛妳!

  • 那欄寬真的有點小
    因為如果在大的話
    文章內容就會變小~
    唉~

    壯兔 於 2008/10/30 21:51 回覆

  • sweetberrybear
  • 三欄式的不錯不錯~~~~
    兔寶這次是走簡單風喔~~~XDD
  • 我一直都很簡單XD
    嘿嘿

    壯兔 於 2008/10/30 21:56 回覆

  • kaoriroom
  • 沒關係!還是很謝謝壯兔兒!!!
    我還是會用的!留言那個就請大家用...........留言板吧XDDD
  • XDDD
    真的喔!!
    謝謝香香:)

    壯兔 於 2008/10/30 22:02 回覆

  • queensmaki
  • 這個好可愛哦!
  • 謝謝猴猴^^

    壯兔 於 2008/10/30 22:22 回覆

  • devilcat9
  • 壯兔的樣式越來越耐用啦XDDDDD"
    真的是一個比一個讚喔!!

    尤其三欄式我超喜歡的欸XD+

    真的很感謝壯兔這次的作品喔。
    上一個我好喜歡,
    壯兔要繼續加油喔!
  • 真的嗎^^
    謝謝你^^

    然後我會繼續加油!!!^^

    壯兔 於 2008/10/30 22:23 回覆

  • night22
  • 這一版真的很可愛呢 ~
    可是我都用不習慣三欄式的 囧

    不過我想這個版可以造福很多人哈哈
  • XD
    是我家的熊當然可愛~哈哈~~

    然後我也用不太習慣三欄式的
    我覺得內文還是大一點比較好XDD

    壯兔 於 2008/10/30 22:24 回覆

  • orangeshop
  • 嗯!!!!!真不錯~~橘寶貝又可以它收藏起來囉A___A謝謝囉!兔寶貝=ˇ=
  • XD
    謝謝橘~^^
    是你不嫌棄拉:P

    壯兔 於 2008/10/31 01:46 回覆

  • 悄悄話
  • kaoriroom
  • 壯兔兒!
    我投完票了喔
    每個都5顆星XDDD

  • 香香你也太捧場了吧 囧~~
    謝謝你((抱

    壯兔 於 2008/10/31 01:51 回覆

  • melovejay
  • 帶走囉

    我很喜歡三欄式這個熊熊的樣式

    感謝你無私的分享

    我拿走囉!!

    謝謝~~
  • 好的:)
    不客氣喔!!

    壯兔 於 2008/10/31 01:51 回覆

  • aLienraBbit
  • 兔兔做得版面都很精緻的說..XD
    我想換版面了...

  • 真的阿^^
    謝謝你:)))

    壯兔 於 2008/10/31 01:51 回覆

  • oh20081028
  • 顏色好可愛:)
    帶走囉^^
    感謝分享唷,加油加油
  • 謝謝妳呀~!!!!
    我會加油的:))

    壯兔 於 2008/10/31 01:52 回覆

  • melovejay
  • 路過!! 路過!!

    我可以加你痞克好友嗎?

    日後假如我有什麼不懂的地方(小掛件.樣式.等等之類的)

    想請教你。
  • 恩 可以加好友阿:)

    壯兔 於 2008/10/31 13:56 回覆

  • melovejay
  • 你的加我好友在哪?

    我找不到=_=
  • 直接去好有後台輸入帳號就能加了

    壯兔 於 2008/10/31 15:23 回覆

  • moo520
  • 可愛的它,我拿走了!
  • 好的:)

    壯兔 於 2008/10/31 19:45 回覆

  • AmiShow
  • 可愛的樣式 >///<
    三欄式的設計
    讓版面更自由了~
    帶走囉~多謝^^
  • 不客氣喔!!
    很開心你喜歡:)

    壯兔 於 2008/10/31 19:45 回覆

  • MINE6400
  • 我拿囉~

    3Q分享喔~

  • 不客氣^^

    壯兔 於 2008/10/31 19:45 回覆

  • chiu8356
  • 這次的排版也很整齊很舒服的感覺呢﹡
    三欄式的好新鮮說(笑)
    我很喜歡最上面banner的設計~
    那我領走了噢ˇˇ
    (有改圖片和一些css)
  • 謝謝你^^

    壯兔 於 2008/11/01 16:04 回覆

  • yuyue275
  • 啊啊,熊熊好可愛>W<
    話說我這次也是第一次用三欄式耶=目
    那我領走了ˇ謝謝壯兔兒分享♥
  • 不客氣喔~!
    很開心你喜歡^^~

    壯兔 於 2008/11/01 20:20 回覆

  • snoopy0219
  • 帶走了喔謝謝-///-
  • 不客氣^^

    壯兔 於 2008/11/01 20:46 回覆

  • pinky75619
  • 帶走嚕!!謝謝你^^
  • 不客氣^^

    壯兔 於 2008/11/01 22:55 回覆

  • ruvivian920
  • 很漂亮的版^^
    套用囉!
    (有稍微修改部分css)
  • 好!!
    謝謝你^^!

    壯兔 於 2008/11/02 02:40 回覆

  • 西瓜
  • 兔兔兒你越來越厲害了啦XD
    除了拍照漂亮之外連CSS樣式也越來越棒了,我愛你(羞)

    (這難道就是所謂的告白嗎)
  • 其實..
    我也愛你>///////////////<
    ((我也不小心說出來了 囧~

    壯兔 於 2008/11/02 20:59 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • yiling0721
  • 第一次使用三欄式還不太習慣,請多多指教 ^^
  • 嗯嗯
    謝謝你^^

    壯兔 於 2008/11/02 20:55 回覆

  • 悄悄話
  • azrae24
  • 我下載了 謝謝喔
  • 不客氣
    很開心你喜歡^^~

    壯兔 於 2008/11/03 02:30 回覆

  • 悄悄話
  • vicolsaieng
  • 謝謝分享!
  • 不客氣:)

    壯兔 於 2008/11/04 19:06 回覆

  • treater
  • 嗨,我很喜歡你的設計喔,這次的熊熊更是成為我的新寵,但是奇怪的是我的第二欄位置居然會跑走,不知道是為什麼?
  • treater
  • 啊哈哈,是個美麗的錯誤。

    好像是因為瀏覽器的關係阿。
    用別的開就正常了。(我搞笑了XD)
  • 應該是你的側欄有放超過180px寬的物件
    第二蘭才會跑掉喔!~

    壯兔 於 2008/11/05 19:58 回覆

  • yunjung
  • 很溫暖的感覺
    我使用囉!
    謝謝壯兔兒
  • 不客氣:))

    壯兔 於 2008/11/05 20:38 回覆

  • vongole
  • 好可愛的熊喔>///<
    拿來套用了,感謝分享~

    p.s.有修改部分css(主要是連結顏色),還請見諒m(_ _)m
  • 嗯嗯
    謝謝你:)
    有空要常來喔!!^^

    壯兔 於 2008/11/06 00:07 回覆

  • dearkay
  • 我套用了..修改了上方的圖~
    我還是第一次用三欄~
    你的三欄文章位置還是很大呢~
    因為我圖檔都很大QQ
    第一次找到夠用的~謝謝..
  • 不客氣!^^
    很開心可以適合你的需求
    因為我有考慮到想用三欄式以及內文想放圖的朋友
    所以儘可能的把側欄縮到最小
    謝謝你喔!!^^

    壯兔 於 2008/11/06 01:41 回覆

  • 嫻ㄦ
  • 好精緻又是我愛的BEAR><
    可惜模板是痞客的><

    落淚了!!!

    奔>>>>
  • 來痞克吧^^
    痞克真的比較好!:)

    壯兔 於 2008/11/06 19:33 回覆

  • armaio
  • 我修改了Banner喔~
    謝謝~
  • 不客氣:)

    壯兔 於 2008/11/06 20:29 回覆

  • bl5uesky
  • 我套用可爱小熊咯~
    不过我侧边有点乱
    还在研究中
    谢谢你哦^__^
  • 不會!!^^
    很開心你喜歡!!!~~~
    我期待你改完喔^^~

    壯兔 於 2008/11/07 00:42 回覆

  • 悄悄話
  • 悄悄話
  • whisky03191
  • 我超喜歡你這個版面的!
    不過...不過.........
    我遇到一個小問題..(小聲)...>''<

    我的第二欄連結的位置都會跑到下面呢。這是我的部落格
    http://whisky03191.pixnet.net/blog

    我好蠢.怎樣都調不回來...可不可以..救救我...冏
  • 是不是那個狗狗的實際太寬
    這個版只適合測欄放入180px寬的東西喔!

    壯兔 於 2008/11/07 22:01 回覆

  • olivia0925
  • 第一次使用三欄式的 超Q的ㄝ 雖然還不是很習慣~~!!

    壯兔兒實在是愈來愈利害了 ( 拍拍)
  • 不客氣喔:)
    謝謝

    壯兔 於 2008/11/07 22:02 回覆

  • weihwa
  • 天啊...
    好可愛喔
    我要套用
    我要套用
    謝謝壯兔兒的分享
    大感謝^0^
  • 不客氣喔
    很開心你喜歡^^

    壯兔 於 2008/11/07 22:11 回覆

  • whisky03191
  • 我改了一點小東西.終於調回來了...謝謝你的回應與分享喔!! 大感恩 :)
  • 不客氣:)
    恭囍你囉:)

    壯兔 於 2008/11/08 15:00 回覆

  • dior520
  • 謝謝唷!!

    謝謝,我取走了唷!!! 很好看

    我有做上面banner的修改 :)
  • 不客氣^^!!

    壯兔 於 2008/11/08 14:59 回覆

  • bisuyu221789
  • 我領走啦ˇ
    謝謝壯兔兒!^^
    壯兔兒很貼心呢
    還附上改圖教學...
    謝謝!^^
  • 不客氣:)
    很開心你喜歡喔!!!
    有控常來^^

    壯兔 於 2008/11/09 20:50 回覆

  • sweetbaby
  • 熊耶!!真可愛!!

    顏色搭配的很好>///<
    我很喜歡!!

    帶走囉!!
  • 好的:)
    謝謝你^^

    壯兔 於 2008/11/10 13:12 回覆

  • gg75
  • 謝謝分享~帶走囉~
    ps 我改了header圖唷^^
  • 好的!!
    謝謝你喔^^

    壯兔 於 2008/11/10 23:36 回覆

  • 悄悄話
  • jialianxin
  • 壯兔
    我改了很久才發現忘記留言了...
    我現在要說
    我改了BANNER圖
    抱歉喔

  • 沒關係啦:)
    不用太拘謹沒關係^^

    壯兔 於 2008/11/14 21:07 回覆

  • 悄悄話
  • 悄悄話
  • sakuranaoko
  • 超可愛的我帶走了..可是…請問個笨問題。好像沒有看到進入後台的地方@o@
  • 進到後台的地方在上面那六個連結之中

    壯兔 於 2008/11/17 14:19 回覆

  • n2i3k4e5
  • 可以請問一下我的為什麼會跑框第二籃選項會跑在下面呢?是因為文章標題太長嗎??>"<
    http://n2i3k4e5.pixnet.net/blog
  • 應該是CBOX的寬度超過180喔!!~
    檢查一下你的側邊欄位吧:)

    壯兔 於 2008/11/18 20:56 回覆

  • n2i3k4e5
  • 流言板我移了好幾次都不行 第2蘭永遠都不乖乖從上牌........幾乎可以說每個選項我都怡過了 ORZ
  • 把CBOX的區塊先拿掉不要放
    重新整理看看第二牌回來了沒
    如果沒有回來就是別的因素
    一個個把側欄東西拿掉做檢查
    就可以知道是哪邊出了問題了!

    如果是CBOX的的問題的話
    檢查一下CBOX的語法寬度是不是超過180px了
    如果不會看的話可以把語法貼給我看:)

    壯兔 於 2008/11/20 01:20 回覆

  • 悄悄話
  • zanneling
  • 套用了..也投票了.
    很漂亮~
  • 謝謝你:)

    壯兔 於 2008/12/01 20:10 回覆

  • opensecrets
  • 剛套用熊熊樣式,想請教:
    1. 怎么改側欄1&2背景的顏色 & 標題顏色
    2. 左上blog名字的那塊,顏色可以改嗎?
    痞客邦里三欄式樣式太少嘞,希望您能再設計這種樣式
    謝謝
  • 側欄背景要改圖片喔,找看看CSS裡是哪張圖片吧
    沒記錯應該在containter裡
    標題應該事header{}那吧,也是改圖片
    標題字色應該是改h1{}

    壯兔 於 2008/12/27 13:01 回覆

  • dadada200311
  • 我要抱走了唷>/////<
    可能會改顏色跟圖>ˇ<"
  • 嗯嗯~
    好的:D

    壯兔 於 2009/01/08 03:05 回覆

  • merolivly
  • 謝謝你的分享:)
    我套用了!
  • 嗯嗯
    謝謝你^^

    壯兔 於 2009/01/08 03:03 回覆

  • 菲菲
  • 又來問問題了XD

    北鼻~請問一下這個樣式的版主公告區塊
    想要裡面的東西都靠上(置頂)
    CSS語法該如何修改呢@@?
  • 好像沒有這個語法耶
    不過
    #spotlight{}
    裡加上 margin-top:-50px;
    這個是讓公告板塊往上移的方法
    可以試試看0.0

    壯兔 於 2009/01/22 18:51 回覆

  • 菲菲
  • 感謝北鼻^^

    我弄好了^^謝謝北鼻的指導唷^^
    新年到嚕~恭喜發財啦XD

    天冷~要注意身體健康唷^^
  • 真的嗎^^
    有幫到真是太好了><~

    不過我回的時候新年過了><~~
    但還是祝你新年快樂壓!!!^^

    壯兔 於 2009/01/31 21:35 回覆

  • 悄悄話
  • lafite2230
  • 又要麻煩北鼻兔了ˊˋ"

    又來發問了 囧"
    我有修改CSS,也有換首圖,可是...
    我移動了BLOG那一排連結(我是改#navigation裡面的數值),雖然圖片和上面四個連結都有移動成功
    不過很奇怪的是,下面的NEW跟BACK的兩個連結卻沒移動到
    研究了很久,不知道該從哪個CSS標籤去修改數值ˊˋ
  • 那兩個的標籤是#authority
    是跟相簿那些分開的:P
    修改方法一樣^^
    希望有幫到菲菲:D

    壯兔 於 2009/02/10 11:46 回覆

  • 菲菲
  • 謝謝北鼻,不過我最後還是修改了圖片,因為寬度問題XD
    不知道改這樣,有沒有把北鼻的樣式給改爛掉 (汗)
    如果有任何問題,請北鼻不要客氣,跟我說唷^^

    在此也祝北鼻情人快樂,不知道你有沒有收到我的卡片呢^^?
  • ^^
    沒關係啦:DDD

    不會改爛的XD!!
    然後有看到問題我在跟你說黑XD

    然後我有收到你的卡片^^
    謝謝妳哦!!!!^^

    壯兔 於 2009/02/24 10:52 回覆

  • feel710
  • 感謝分享 =D
  • 不客氣唷:D
    謝謝你^^

    壯兔 於 2009/02/24 10:44 回覆

  • 熊熊
  • 小妹好喜歡~可以分享一下謝謝@
  • 直接去下載區下載就好囉:)

    壯兔 於 2009/03/04 02:40 回覆

  • jenghuang
  • 很漂亮^0^
    想換個版面就拿過來用嚕...
    謝謝你的分享..
  • ^^
    不客氣喔!!
    很開心你喜歡:)

    壯兔 於 2009/03/07 12:55 回覆

  • z254453
  • 之前都找不到喜歡的三欄式作品,找了許久看到兔兒的作品
    覺得很可愛也很喜歡,我套用囉!不過我改了圖頂圖^^
  • ^^
    謝謝你:D
    很開心你喜歡^^

    壯兔 於 2009/03/13 15:24 回覆

  • z254453
  • 兔!我套用之後,左邊兩欄都會跑到下面去耶>"<
    怎麼會這樣?所以我暫時套用之前的
  • 側欄內容物的寬度不能超過180喔!!^^
    不然就會掉下去0..0
    應該是掛件太多了^^

    壯兔 於 2009/03/13 15:47 回覆

  • fragrance923
  • 我帶走囉~大感謝!!
    我愛三欄式~^^
    對了先告知狀兔兒一下~
    我可能會把小熊圖換過唷~
  • 好的!!
    謝謝你喔!!^^

    壯兔 於 2009/03/13 21:57 回覆

  • 悄悄話
  • abc6565v
  • 嗨你好:)
    謝謝你的分享唷,我帶走了^^

    其實我前天還是哪天天就拿了這個版
    可是我一直在弄兩邊的側欄
    後來才發現原來寬度不能超過180!!

    很抱歉現在才跟你說噢ˊˋ

    你的版很可愛:D 好喜歡喔喔喔喔~~~~
  • 嘻嘻
    沒關係低:D
    謝謝妳呢>//<~

    壯兔 於 2009/04/27 14:12 回覆

  • bibycat4726
  • 帶走囉:)
  • 謝謝:D

    壯兔 於 2009/05/20 21:25 回覆

  • kaLi82
  • 哇..好好看喔
    謝謝你的分享喔!!
  • 謝謝你:D

    壯兔 於 2009/05/20 21:23 回覆

  • bibycat4726
  • 壯兔而不好意思
    我ㄧ開始套用這個版三欄都會顯示出來
    但是現在其中一欄顯示不出來了
    我該怎麼辦?
  • 我這邊測試正常耶@@
    問一下你是用哪個瀏覽器呢??
    IE6或IE7
    我在幫你看看^^

    壯兔 於 2009/06/01 15:43 回覆

  • dlobweep
  • 謝~~

    版型很合我意^^~套用嚕~謝謝分享!!
  • 很高興你喜歡^_^

    壯兔 於 2009/11/01 20:36 回覆

  • simme680708
  • 你好~~我是別人介紹我你的blog 我才知道原來blog可以用的這麼好看
    感恩感恩~~我帶走這個熊熊囉
  • 謝謝你喔!!^^

    壯兔 於 2009/09/01 18:16 回覆

  • j8560976jj
  • 你好大方喔~^^
    你還教大家如何改圖@@
    很多人都不給改的說...

    希望你陸續都會有新作品出現喔^^
    拿走了..
  • 使用起來方便是最重要的呀:D

    歡迎再來唷^_^

    壯兔 於 2009/11/01 20:35 回覆

  • picnicxiah
  • 大大您好^^
    我很喜歡這個版面於是套用了呢~
    只是我把三欄式改成兩欄,還有修改了圖片,謝謝您的分享^^
  • 不客氣:D
    歡迎常來唷!!^^

    壯兔 於 2009/11/22 20:13 回覆

  • Wee
  • 怎样把CBOX放进blog里面呢?

    我已经试过很多次了!
    但就是不能把CHOX放进部落格里...
    到底要怎样才能把CBOX放进部落格里呢?
  • 悄悄話
  • parkteukguai
  • 我可能會修改BANNER圖~
    謝謝分享^ˇ^
  • cutekid4478
  • 你好:D
    很喜歡你的樣式
    那我拿走了喔
    謝謝你
    期待你的新作品:D
  • smile820603
  • 謝謝大人分享 :目

    一直很喜歡三欄式的,但是很少人做的感覺 :(
    我想要修改顏色和那隻可愛的熊熊 :)

  • evonne1015
  • 我套用修改囉,謝謝分享^^
  • 黃小丫
  • 你好^_^,我套用了bear樣式,修改了圖,不知是否其他的可以改成自己喜歡的顏色呢?謝謝唷
  • 都可以自由修改唷^^

    壯兔 於 2010/12/04 17:28 回覆

  • Jane Akai
  • 套用了~ 改了首圖和一些小地方
    謝謝分享^^
  • 軟糖
  • 請問要怎麼下載??
  • IngDay
  • 請問我可以改熊熊圖片嗎!?
  • 林圄
  • 你好、壯兔兒!!
    昨天我套用了您製作分享的樣式 : Black&White
    有稍微改圖~~~
    在此通知您^0^

    謝謝您的分享!!!!
找更多相關文章與討論