Sunday, June 6, 2010

教你更换Cbox背景

Share

太多人问了,所以我决定在还没有完全准备好的情况下开这教程
首先,还没有cbox的人先到cbox申请一个ID,申请教程请看:http://kenchyclass.blogspot.com/2010/05/cbox.html
有了cbox之后请登入你的ID:http://www.cbox.ws/
然后到以下网址更换你的cbox画面
http://cbox.ws/admin.php?style


首先,必须将你的Cbox变成透明~怎么变?
跟着图片所指的地方,将全部颜色代码删除,这样就不会与图片背景重叠了(如图)


好了之后就可以到Publish!获取你的代码了~
然后在你的Cbox代码中找到以下这部分
<div id="cboxdiv" style="text-align: center; line-height: 0">

找到了之后用以下的代码替换上面的代码

<div id="cboxdiv" style="padding: 50px 0px 0px; background: transparent url(图片连接Direct Link) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 220px; height: 380px; text-align: center; line-height: 0pt;">


红色部分是你的图片网址,一定要更换哦
蓝色部分将随着你的图片大小来更改,width: 220px; height: 380px是随着我自己的背景高矮来更改哦,如果你的图片比较小,那么就将它调小。

例子:
更换前
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="298" src="http://www7.cbox.ws/box/?boxid=?????&boxtag=8wak2p&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#102AFF 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="82" src="http://www7.cbox.ws/box/?boxid=?????&boxtag=8wak2p&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#102AFF 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->


更换后
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="padding: 50px 0px 0px; background: transparent url(http://img706.imageshack.us/img706/2797/anigif1vi.gif) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 220px; height: 380px; text-align: center; line-height: 0pt;">
<div><iframe frameborder="0" width="200" height="298" src="http://www7.cbox.ws/box/?boxid=?????&boxtag=8wak2p&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#102AFF 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="82" src="http://www7.cbox.ws/box/?boxid=?????&boxtag=8wak2p&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#102AFF 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->


你们可以使用自己的图片,方法和我教的是一样的,别问我图片哪里可以找到
上google搜一搜,自己改一改就有了。

在这里提供我自己设计的一个:


http://img706.imageshack.us/img706/2797/anigif1vi.gif


如果大家有喜欢的图片,可以寄去我的email:kenchy710@hotmail.com
我将从中挑选我觉得不错的, 也可以改的,选择在于我哦~
请别逼我坐我不想做的~如果太复杂的图片就不会被我启用哦~
因为复杂的背景会让人怀疑是为了看背景还是为了看字而更改的~

如果弄不到,请将你的代码和图片寄到我的Email
如果弄到不完美,那也许是你的图片大小问题

不多说~之后如果有更多的设计才放上来和大家分享,别我,小心你进入黑名单= =

by:kenchy

14 comments:

﹏魚魚﹏ said... 回复此评论

一直好想學這個
學會了
謝謝你^^

Kenchy said... 回复此评论

学会就好,我还怕大家看不懂=)
不客气

薇薇 said... 回复此评论

有没有shoutmix的啊?

Kenchy said... 回复此评论

我还没有开始研究Shoutmix
可能会迟些吧=)

Miss JiiE BaaO BeeI said... 回复此评论

我的图片很大 改那个变小?

Kenchy said... 回复此评论

蓝色的数字是更改高矮,如果是你的图片问题
那么就要自己Edit了

xueyee said... 回复此评论

可以请你帮我做这个么?

Kenchy said... 回复此评论

@xueyee
先将你的图片Email给我,如果不合我胃口(复杂)或是Gif图片(麻烦更改的格式)那我会在考虑,而之后我做的图片将会放出来供大众使用=)

♥ 我的宝蓝世界 ♥ said... 回复此评论

我弄不到啊~弄出来他的图十倍cbox盖着的

Kenchy said... 回复此评论

@♥ 我的宝蓝世界 ♥

你有没有把Cbox弄成透明?

xueyee said... 回复此评论

你的e-mail是??没关系哦,你想放什么照片,你直接放可以了。不用放我喜欢的啦。我只是想他有图片罢了

Kenchy said... 回复此评论

@xueyee
kenchy710@hotmail.com

Onko / Ling♥ said... 回复此评论

如果我要换照片的话 要在哪里找??
google 吗??

Kenchy said... 回复此评论

@Onko / Ling♥
嗯,google也可以,找了之后改一改就可以了

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment