致小雨 - 下篇

延续上篇.

4.如果我要多放几个像介绍自己这样的专栏有相片又有自我介绍的能吗？
能.

首先,你进入Page Elements(页面元素).
然后按Add a Gadget(增添页面元素).
选择Text.


之后你可以在里面打字.
我知道这是废话.


你要加图片的时候,
在Content Box的右上方,
你会看到Edit HTML.
点击那里(点击后它会变成Rich Text,点击Rich Text就能恢复Rich Text状态),
然后打图片的code下去.
图片code的格式是酱的:


蓝色的字是图片的Size.
如果你要用图片原本的size,
就不需要加它.
可是如果你要更改图片的size,
就用这个方法来改.
很明显的,
width是宽度,
height是高度.

红色的字是图片的url.
同样的,
填上你要放的图片的地址就行了.




___________________________

5.你这个chatbox很漂亮，有自己的字和图画，怎么弄的？
这是个比较难回答的问题...
因为我也是copy人家的code依样照葫芦慢慢改编,
到现在我都不知道真正的方法...

我给你看看我的code先:

<div id="cboxdiv" style="padding: 130px 0px 0px; background: transparent url(http://i214.photobucket.com/albums/cc161/shulee911/cbox_pink_twins-1.png) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 230px; height: 450px; text-align: center; line-height: 0pt;">
<div id="cboxdiv" style="text-align: center; line-height: 0pt;">
<div>

<iframe frameborder="0" marginheight="2" marginwidth="2" height="206" src="http://www4.cbox.ws/box/?boxid=3650644&amp;boxtag=vq4ytt&amp;sec=main" id="cboxmain" style="border: 0px solid ;" scrolling="auto" width="213" allowtransparency="yes" name="cboxmain"></iframe>
</div>

<div>
<iframe frameborder="0" marginheight="2" marginwidth="2" height="80" src="http://www4.cbox.ws/box/?boxid=3650644&amp;boxtag=vq4ytt&amp;sec=form" id="cboxform" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(219, 226, 237) rgb(219, 226, 237); border-width: 0px; opacity: 0.8;" scrolling="no" width="213" allowtransparency="yes" name="cboxform"></iframe>
</div>
</div></div>

你有兴趣有耐心的话就照着改吧~

注意事项:
1.你的ChatBox id.
src="http://www4.cbox.ws/box/?boxid=3650644&boxtag=vq4ytt&sec=main"
src="http://www4.cbox.ws/box/?boxid=3650644&boxtag=vq4ytt&sec=form"
这个是我的id.
你的你可以在你的ChatBox code里面找到.

2.你的background图片.
background: transparent url(http://i214.photobucket.com/albums/cc161/shulee911/cbox_pink_twins-1.png) no-repeat scroll left top;
你要先弄一个你自己中意的background,
然后upload,
然后把你的图片地址填上去.
sample picture:


3.调整Chatbox在图片上的位置.
style="padding: 130px 0px 0px;
如果Chatbox和背景图片overlap,
就增加highlight的数字.
如果太多空位,
就减少highlight的数字.
其实padding的原理很简单的,
从左到右的四组数字分别代表:
上,左,右的空间.
在你post这Chatbox code的Gadgets Box里面,
一边调整一边switch去Rich Text状态预览,
慢慢调整到刚刚好就行了~

还有什么问题的话,

再留言吧~

不过hor,

要跟HTML这种玩意deal,

一开始是很伤脑筋的.

可是只要有耐心有恒心,

就能很快熟能生巧咯~

用点时间慢慢消化这些教学吧~