Re: [blogger]文章背景與側欄背景

[chhs (星風寫語)]

※ 引述《windcanblow (戲謔人生)》之銘言：
: 絕望中，雖然曾想像自己能跟neo一樣看穿程式碼背後的秘密
: 但還是失敗了￣▽￣||。
: 請看
: http://concerningbradleycooper.blogspot.com/2009/08/1.html
: 在昨夜試圖加大加寬整個blog後，不僅字體擴大，看起來也不
: 那麼擁擠了。
: 但是文章背景的淡黃色卻還是維持原本的寬度，整個蓋到側欄
: 背景的20%，我試著把文章背景也改成白色，卻覺得相當刺眼  囧
: ，只好無可奈何地維持原本的背景。
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 1050px;
text-align: left;
background: #ffffcc url(http://www.blogblog.com/moto_son/innerwrap.gif)
top right repeat-y;
font: normal normal 117% tahoma, 'Trebuchet MS', lucida, helvetica,
sans-serif;
}

1.把紅色字體拿掉(這是sidebar的底圖)放到後面
2.  background: #ffffcc   改成
    background: #ffffcc;   <===結尾要放;


#sidebar {
width: 295px;
float: right;
color: #555544;
background:url(http://www.blogblog.com/moto_son/innerwrap.gif);
padding: 20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
3.加入上面的(紅字部份)


: 另外想請問的是文章跟側欄間如果要加 | 隔線，可以直接從
: html裡面修改嗎？還有側欄的標題間如果也要加----，我要在
: 哪裡增添語法呢(查文章只知道怎麼消掉但是不知道怎麼加￣▽￣||)
我不會XD

要怎麼消掉？

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.244.146.42
※ 編輯: chhs            來自: 60.244.146.42        (09/02 19:42)
推 windcanblow:"widget裡的border-bottom拿掉應該就可以了"
→ windcanblow:這是我查文章裡看推文裡有人這樣建議
→ windcanblow:但是我不曉得widget在哪裡XD..想裝也不知道裝哪
→ windcanblow:另外感謝你的指導T_T..終於成功了
→ windcanblow:但是我開html碼時，好像跟你列的不太一樣o_o"
我改的你給的網址(文章)，可能這樣所以html碼不太一樣
應該改首頁……難怪我一直改widget那邊改不出來XDD

.sidebar .widget {
後面加上這一串
border-bottom:1px dotted #ddd;
dotted是……………
要弄實線可以替換成solid─────
※ 編輯: chhs            來自: 60.244.146.42        (09/02 20:26)
sidebar跟內文有需要加線段分開的話，加上紅字
.sidebar {
border-left:1px SOLID #DDD;
}
.sidebar h2 {
color: #b47b10;
}
※ 編輯: chhs            來自: 60.244.146.42        (09/02 20:37)
推 windcanblow:大感謝!  通通加進去了XD