简单美化 CBox (原创)


原创教程 , 转载请表明






* 我没有使用 CBox 背景 *

我添加了 radius , shadow , double 

普通的 CBOX 也可以这么美观 

这是我自己刚刚研究出来的教程

转载请注明 , 否则追究到底


此篇文章会有点复杂

首先去 www.cbox.ws 打开你的户口


【 Look & Feel 】 > 【 Colours & Fonts 】

在你的 Border 那边随便填一个颜色代码

然后按 Appy  , 去拿你的新代码


你会发现你的代码里多了两个 Border: #颜色代码 1px solid

如果不想拿新代码

你也可以把 border: #颜色代码 1px solid 加在原本的代码里

好了 , 美化 CBOX 的重点来了


现在我们的 CBOX 是如此简单

多了框框而已

所以 , 再去代码那边添加你想要的美化代码

加进去 border 之后都可以 


首先我们美化 【CBOX 内容】部分

我这里加 Radius , Box Shadow , Double

把 border #颜色代码 1px solid ; 那段删除

用一下的代码代替

border:#颜色代码 6px double;
box-shadow:0xp 0px 10px #颜色代码;
border-radius:9px;


↓ 效果就会变成 ↓


double 是框框线条 ,可是我们很少用到 

当然 , 你也可以把 double 改成 dotted , dashed


接下来到【CBOX 留言区】

我个人建议不要框框比较美观 

所以我们在 border #颜色代码 1px solid; 那边

变成 border #颜色代码 0px solid;


然后效果即变成


如果你想要框框或别的美化代码

你也可以加进去 

我把框框删除 , 这是我的建议 

似乎很空白 , 对么 ?

那就添加 Marquee 在中间吧 

目前只支持图片效果

在【CBOX 内容代码】和【CBOX 留言区代码】的中间

添加以下代码

<marquee><img src="图片网址"></marquee>



效果


觉得那个 scrolling 很碍眼 ?

去代码里寻找 scrolling="auto"

变成 scrolling="no"



--- 教程完毕 ---

代码是死的 , 人脑是活的

你只需要动一动脑筋 ,即可发现新大陆 ^~^



5 則留言: