作者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