Re: [Blogger]文章背景與側欄背景
※ 引述《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)
推
09/02 20:00, , 1F
09/02 20:00, 1F
→
09/02 20:01, , 2F
09/02 20:01, 2F
→
09/02 20:01, , 3F
09/02 20:01, 3F
→
09/02 20:02, , 4F
09/02 20:02, 4F
→
09/02 20:02, , 5F
09/02 20:02, 5F
我改的你給的網址(文章),可能這樣所以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)
推
09/02 20:43, , 6F
09/02 20:43, 6F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
Blog 近期熱門文章
PTT數位生活區 即時熱門文章