教学 ♥ 美化 Chatbox 内容的框框
04 June 2012 @ 12:23 PM



给 Cheersy & En 的教程

转帖请留言和附上链接 ♥









步骤一

# 你 Chatbox 内容必须先有框框 #

如果没有 请参考这篇

在你的 chatbox 代码里 ,
找 黄色 highlight 的代码 :

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="160" height="98" src="http://www6.cbox.ws/box/?boxid=629593&boxtag=52fe7j&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-629593" style="border:6px double #b6dafa;" id="cboxmain6-629593"></iframe></div>

<div><iframe frameborder="0" width="160" height="82" src="http://www6.cbox.ws/box/?boxid=629593&boxtag=52fe7j&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-629593" style="border: 0px solid;border-top:0px" id="cboxform6-629593"></iframe></div>

</div>

<!-- END CBOX -->


步骤二

找到后 , 在它后面加入 :
border-radius:9px;
box-shadow:0 0 18px #b6dafa;


解释 :

红色的 是框框的圆角度 .

蓝色的 是框框影子的扩张度数 .

紫色的 是框框影子的颜色 .


步骤三

预览效果 . 
没问题的话 , 保存 Save .







任何疑问请在 tagboard 留言 .

在评论箱留言请告诉我 (:




版权所有 翻印必究. ♥