作者chhs (星風寫語)
看板Blog
標題Re: [blogger]文章背景與側欄背景
時間Wed Sep 2 19:41:27 2009
※ 引述《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)
1F：推 windcanblow:"widget裡的border-bottom拿掉應該就可以了" 09/02 20:00
2F：→ windcanblow:這是我查文章裡看推文裡有人這樣建議 09/02 20:01
3F：→ windcanblow:但是我不曉得widget在哪裡XD..想裝也不知道裝哪 09/02 20:01
4F：→ windcanblow:另外感謝你的指導T_T..終於成功了 09/02 20:02
5F：→ windcanblow:但是我開html碼時，好像跟你列的不太一樣o_o" 09/02 20:02
我改的你給的網址(文章)，可能這樣所以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)
6F：推 windcanblow:大感謝! 通通加進去了XD 09/02 20:43