樂多Blog樣式-note-之banner修改
想請問你，你能不能教我如何換banner？？
我有看過Joe的解說. 可是畢竟跟你是同一版面.我想‧‧直接問你會比較好
找圖真的是很頭痛咧 >"< ... 能不能教教我？？
by
Elia03/18 03:46
Elia 來! ... 咱一步一步來.
大致上來說.主要的動做作有二
A - 圖怎麼改 / B - 圖在原碼的位置替換
＊
Part-A
樣式-
note-主要使用這兩張圖
title banner部份
http://blog.roodo.com/theme/note/top.gif
body部份---CSS裡指定y軸方向之重複延申
http://blog.roodo.com/theme/note/bg.gif
請下載
title banner 部份的這張圖
使用影像編修軟體改成你要要的樣貌
影像編修另外找時間再說
注意:
01-影像寬度千萬勿變更
02-淺藍方框內請留白.這裡是Blog內文的起始處.
修改例:
http://blog.roodo.com/daicccc/728f4ebc.gif
改好通知我一聲喔
請於下方回應PO你改的結果
................................................. +__+d
延申連結
☆ 一個學英文ㄉ女孩 ★
樂多Blog更換banner最速法
Part-B
進入網頁設定選項
................................................. +__+d
進入個人話化設定
................................................. +__+d
................................................. +__+d
................................................. +__+d
................................................. +__+d
將你修改過的圖的位址鍵入反白文字列
................................................. +__+d
................................................. +__+d
搞定囉!!!!!!!
................................................. +__+d
另
這張圖 http://blog.roodo.com/theme/note/bg.gif
請延續
http://blog.roodo.com/daicccc/728f4ebc.gif 的下緣
修改成
http://blog.roodo.com/daicccc/fd33431a.gif
置入下述原碼裡橘色文字部份
就更完美啦!!!
BODY {
Font-Family: Arial, Helvetica, sans-serif;
MARGIN: 0px;
WIDTH: 100%;
COLOR: #666666;
HEIGHT: 100%;
TEXT-ALIGN: center;
background-color: #C2C2C2;
font-size: 12px;
line-height: 150%;
background-image: url(
http://blog.roodo.com/daicccc/fd33431a.gif);
background-repeat: repeat-y;
background-position: 50%;
................................................. +__+d
Posted by daicccc at
樂多Roodo! │12:58
│
回應(30)
│
引用(1)
│
場記＊佈景庶務
引用URL
http://cgi.blog.roodo.com/trackback/43531
☆ 一個學英文ㄉ女孩 ★http://blog.roodo.com/happy1211230/\r\n樂多Blog更換banner最速法http://blog.roodo.com/sunjoe/archives/31692.html
[轉載]樂多Blog樣式-note-之banner修改【wmliao】
at 2005年04月13日 12:27
影像編修是指類似PhotoImpact這類的軟體嗎？
我家只有這個，還有Picture Manager這兩個修圖軟體而已
你指的修改，是指找喜歡的圖貼上？還是我自行畫畫丫？
謝謝你耶 ^_^
Elia
PhotoImpact或Photoshop 都行
以這張圖作基礎底圖
http://blog.roodo.com/theme/note/top.gif
將其它你想要的圖置入或貼上
將其上傳至樂多所提供的空間裡
記下這張圖的位址喔
http://blog.roodo.com/happy1211230/43933538.gif
這張圖的下方有一道細線
你可能得將其刪除
不然會影響你Blog內文的進行
對了
你能順便教我如何把〝日記分類〞跟〝每月日記〞的字體顏色變成別的顏色嗎？
http://blog.roodo.com/happy1211230/a24a5642.gif
OK
Part-B 上線.參考參考八
愕～
做起來沒有你的好看耶 ^^"
而且我覺得最困難的是找圖
要找到能搭配的圖好難唷 @+@
另這張圖
http://blog.roodo.com/theme/note/bg.gif
請延續
http://blog.roodo.com/happy1211230/a24a5642.gif 的下緣
置入下述原碼裡
橘色文字部份
就更完美啦!!!
------------------------------------------
BODY {
Font-Family: Arial, Helvetica, sans-serif;
MARGIN: 0px;
WIDTH: 100%;
COLOR: #666666;
HEIGHT: 100%;
TEXT-ALIGN: center;
background-color: #C2C2C2;
font-size: 12px;
line-height: 150%;
background-image: url(http://blog.roodo.com/theme/note/bg.gif);
background-repeat: repeat-y;
background-position: 50%;
-----------------------------------------------
Elia 沒關係
方法通了.接下來就任意玩囉
呵 ^^"
因為都是英文
所以有一點頭大 @+@
還好最近在學英文
不然頭可能更大吧 >"<
你講解的好清楚唷 ^_^
謝謝你咧～
不知道是不是我沒創意
感覺自己好像做不出美美的blog咧
而且‧‧能搭配的圖真的不好找 ^^"
http://blog.roodo.com/ferrari701230/
在還沒搞懂之前
我可能會先用上面這個blog做測試 ^^"
這是我用男朋友的名義申請的
Elia . 哈.加油.祝整容愉快+__+a
整容不太愉快咧 ^^"
因為整型失敗 @+@
呵呵呵
對了
你還沒教我怎麼變〝日記分類跟每月日記〞的字體顏色丫
麻煩你了 ^_^
對了
我把你加入我的連結囉 ^_^
很謝謝你的指導
> 把〝日記分類〞跟〝每月日記〞的字體顏色變成別的顏色嗎？
這裡.橘色文字部份
----------------------
.sidetitle {
FONT-SIZE: 11px;
PADDING-BOTTOM: 5px;
COLOR: #0066CC;
PADDING-TOP: 13px;
TEXT-ALIGN: left;
width: 90%;
}
-------------------
> 我把你加入我的連結囉 ^_^
.............................. +__+d
呵呵呵呵呵 ^^"
謝謝你
那‧‧如果要改內容的資料咧
像是〝March 2005〞我要改成別的顏色 ^^"
或是我日記分類下面的那些分類要如何改顏色？
〝March 2005〞底家
-----------------------
.calendarhead {
FONT-SIZE: 11px;
COLOR: #0066CC;
PADDING-TOP: 12px;
TEXT-ALIGN: left;
font-family: Arial, Helvetica, sans-serif;
height: 20px;
width: 90%;
padding-bottom: 5px;
}
------------------------
其它大概就是這幾個標籤裡的#COLOR:了.試試看
.calendartable
.calendarweek
.calendarwd
.calendard
.calendardbg
.calendar
謝謝你 ^_^
我要去上課囉
我是夜校生 ^^"
呵呵，好棒的說明，
我最近才開始摸索了一下怎麼改模版，
大致跟Dai講的差不多，
不過我想還是要學一下怎麼設定邊欄主欄的寬度，
以及怎麼把邊欄移到左邊或是右邊。
不過我覺得如果要寫好改模版的教學會有個問題，
就是也要教初學者怎麼使用影像軟體改圖，
如果不會改，那就算看懂CSS語法，可能還是動不了。
Dear Dai:
Hahaha~~這個說明真的非常非常的仔細呢!!
所以我馬上去試了!沒想到也成功了!!
真的很適合我這種電腦嬰兒呢：）
真的好高興~~在這謝謝Dai仔細的教學!
對電腦新手來說真是好物好物到不行呀!XD
ELIE 恭喜阿
我猜阿...直接帶圖說明.省了千言萬語阿 ...
多虧 Elia 提了頭
乾脆發文一次解決.呵.+__+a
谢谢你的教学，清楚明了，你看我着徒弟改的怎么样呢师傅？
kina
圖接的很完美
你出師了(意思是你已通過18銅人陣 ... 你可以下山斬妖除魔了 :P)
挖 這篇文章怎麼會是2007年02月20日呢？
呵呵 這篇是Elia的入門歷程喔
她後來變成了不起的CSS達人呢
不好意思
唐朝大
最近在整理一些舊文
刪掉一些沒營養的牢騷
有點亂了順序
CSS達人 ... Elia ... 哈哈哈 ... 這個小妹妹一下就跑的比我快了
真不是蓋的
愕，好久沒來了，一來就看見唐朝跟 Danny 在說我 =0=
( 逃 ........... )
Blog達人Elia ... 真是好久不見了 .... ｃｃ
I`m Elia，寶貝喵是我在網路上的中文暱稱 : )
的確好久不見，應該有兩年吧 =..=
在網路上浮浮沉沉的，一晃眼，下個月我也要從大學畢業了耶！因為失眠，所以還在網路上閒晃 ~"~
哈哈 真的是好久不見了
我剛剛去Elia在pixnet的新blog逛了一下
還是非常有Elia可愛的個人風格
而且感覺起來輕鬆很多
不像舊網站有太多關於blog問題的沈重負擔
關於經驗傳承跟新手入門部分
顯然pixnet做得比樂多好多了
還成立專屬的討論區，回答看來也很迅速
Elia畢業要作什麼阿？
還有，Dai你最近在幹嘛？
有新的部落格嗎？
這邊變成另類的聊天室了，呵呵
猜猜看下次Elia是什麼時候來...
