收藏到QQ书签
这个代码难度不大,主要是需要大家仔细还有用心设计,只要设计的漂亮,主页肯定能因此而闪亮!
做好后把代码放进新建板块的评论里,放第2个时建议不要新建板块,在原板块上添加就不会有太多板块和边框!!
大家也可以配合没有边框的板块做法!!详细做法见本网站下篇教程!
建议:这种效果的做法很烦,如果放到空间板块再看效果那也太麻烦了!现在给大家推荐一个代码测试工具:在本站的站内资源里
请点击这里打开代码测试页面!!
带框文字的代码:
<font color=#02B452 style="border-color=#FF0000;border-top-style:outset;border-bottom-style:outset;border-right-style:outset;border-left-style:outset">QQ粉丝网 www.qfans.net</font>
带框图片的代码:
<center><img src="/baodian/UploadFiles_3526/200602/20060222090416247.gif" style="border-top-style:outset;border-bottom-style:outset;border-right-style:outset;border-left-style:outset"></center>
上下左右4个边框的字符(这个不用修改,解释一下)
border-color 表示设定边框的颜色
border-top-style 表示文字或图片上边框的类型
border-bottom-style 表示文字或图片下边框的类型
border-right-style 表示文字或图片右边框的类型
border-left-style 表示文字或图片左边框的类
这些符号是边框类型! (修改代码中的绿色部分用,不过建议上下左右边框用同一种效果)
double 表示边框样式为：双线
groove 表示边框样式为：3D凹槽状
dotted 表示边框样式为：点线
inset 表示边框样式为：3D内嵌边框
outset 表示边框样式为：3D外嵌边框
ridge 表示边框样式为：3D凸脊状
dashed 表示边框样式为：虚线
solid 表示边框样式为：实线
带边框的文字再配合下面的字体代码效果会更好!!
看我做个效果:
<font color=#02B452 style="border-color=#FF0000;border-top-style:outset;border-bottom-style:outset;border-right-style:outset;border-left-style:outset"><CENTER><FONT style="COLOR: #FF99CC; FILTER: glow(color=#FFCCFF); FONT-FAMILY: 华文彩云; FONT-SIZE: 10pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>在这里更改自己需要的字</B></FONT></CENTER> </font>
在这里更改自己需要的字
做法:
<font color=#02B452 style="border-color=#FF0000;border-top-style:outset;border-bottom-style:outset;border-right-style:outset;border-left-style:outset">QQ粉丝网 www.qfans.net</font>
大家也看出做法了吧!把下面整段代码都加到上面代码中的绿色字体部分就行了!
下面的有些部分可以修改,不过建议还是不要改!!
<CENTER><FONT style="COLOR: #FF99CC; FILTER: glow(color=#FFCCFF); FONT-FAMILY: 华文彩云; FONT-SIZE: 10pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>在这里更改自己需要的字</B></FONT></CENTER>
<CENTER><FONT style="COLOR: #FF99CC; FILTER: shadow(color=#FFCCFF); FONT-FAMILY: 华文彩云; FONT-SIZE: 13pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>在这里更改自己需要的字 </B></FONT></CENTER>
<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>在这里更改自己需要的字</B></FONT></CENTER>
<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">在这里更改自己需要的字</FONT></CENTER>
<font style="font-size: 50pt; filter: shadow(color=#af2dco); width: 100%; color: #730404; line-height: 100%; font-family: 华文行楷" size=6>在这里更改自己需要的字</font>
