太多人问了,所以我决定在还没有完全准备好的情况下开这教程
首先,还没有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:
一直好想學這個
學會了
謝謝你^^
不客气
有没有shoutmix的啊?
可能会迟些吧=)
我的图片很大 改那个变小?
那么就要自己Edit了
可以请你帮我做这个么?
先将你的图片Email给我,如果不合我胃口(复杂)或是Gif图片(麻烦更改的格式)那我会在考虑,而之后我做的图片将会放出来供大众使用=)
我弄不到啊~弄出来他的图十倍cbox盖着的
你有没有把Cbox弄成透明?
你的e-mail是??没关系哦,你想放什么照片,你直接放可以了。不用放我喜欢的啦。我只是想他有图片罢了
kenchy710@hotmail.com
如果我要换照片的话 要在哪里找??
google 吗??
嗯,google也可以,找了之后改一改就可以了
Post a Comment