致小雨 - 第二季

小雨,
看来你的头发真的快要白了...
就算你头发不白,
我的也快白了...

1.

Banner的size, 只有两个方法调整.

如果你是在Page Elements那里upload的,

那边有得调整到刚好fit to layout.

可是upload过后的图片也许就再也拆不下来.

如果你是在edit html那里放的,

你要在upload图片前用图片编辑器(photoscape之类的)resize你的图片.

步骤会比较多,

可是比较保险.

不过如果你已经download了photoscape来用,

你会发现这是很简单的.

不过你如果要把banner的html code摆进去,

Minima Template的方法是酱的:

#header-wrapper {

width:800px;

height:600px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRQpzMSlP1nemNe-C6JJ43eJ1MholJQ-BTHdZZ0BT54-GbksJpdAlekzgsvC3RKCOSolLMxWPhcXb6X1CZ_mGq5yYA_MUxbRC4xGylVjc0IPGhVG9ziGlmnTCVCb9gNmTyoKPL3d7Tl0rI/s800/bell.jpg) no-repeat center center scroll;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

用蓝色hightlight的是图片的width和height.

(原本是没有height的,要自己加下去)

图片的width和height只要在电脑的file viewer里面,

把鼠标移去图片的缩略图那里,

就能看到它的size/dimensions了.

800×600就等于width800,height600.

红色highlight的是border的粗细和style.

不要border可以换成0px或none.

要让border粗一点可以换成2px,3px等等.

至于solid,可以替换成dashed和dotted.

2.

那个chatbox...

你的background图片(青色那个)需要用图片编辑器(photoscape)resize整理过好才可以用的.

一定要把它的size调到刚刚好fit你的sidebar和你的chatbox.

(标准的宽度是230px到240px之间)

如果你没有调整好来,

是永远弄不到的...

至于chatbox的透明度,

你必须log in你的chatbox account.

然后进去edit style那里:

(点击放大)

那个'婕言婕语',

也是用photoscape弄的.

所以我一开始就说一定要善用图片编辑器就是这样.

网页设计不只是要懂html,

如果没好好利用图片编辑软件,

也做不到东西出来...

*平时我们post图片,

可以用html原则来resize图片,

可是背景图片一定要在上载到internet之前,

就已经调整好它的size.

(没有可能可以直接从wallcoo之类的图片网copy图片地址来用的)

3.

/* Outer-Wrapper

----------------------------------------------- */

#outer-wrapper {

width: 800px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

#main-wrapper {

width: 530px;

float: $startSide;

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 */

}

#sidebar-wrapper {

width: 240px;

float: $endSide;

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 */

}

就如你所看到的,

我用黄色highlight起来的宽度,

是你blog的宽度.

outer wrapper是main和sidebar加起来的宽度.

main是你的文章,

sidebar是你放那些chatbox, links, 紫的故事,蓝的故事之类的那一列.

你要减少sidebar的宽度,

就必须减少outer wrapper的宽度或者增加main的宽度.

可是一般上的sidebar widget的宽度都超过220px,

所以sidebar wrapper应该要maintain在222px到240px之间.

其实在我看来,

你的sidebar似乎很小,

我check了之后发现只有180px.

试问酱子你的chatbox那里够位子呢?

就连你的站长的故事的猫猫图片都和文字overlap在一起了...

4.

我研究了那么多天...

就是不明白这个...

我是跟着原来那个>网站<的教学做的.

所以有什么问题我也不懂要怎样解决...

haiz....

或许我之前写的关于tag cloud的教学有遗漏了一些步骤吧,

你可以先试下跟着原来那个网站的教学做,

如果还是不可以...

我也不知该怎么办了...

(抱歉呀...我功力还不够高...)

加油哦!
有什么问题尽管问,
我会的我一定回教你,
可是不会的就...
抱歉咯~