加载中…
个人资料
热血砂手
热血砂手
  • 博客等级:
  • 博客积分:0
  • 博客访问:119,652
  • 关注人气:172
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

用颜色制作简单的博文边框(高手请飘过!)

(2013-09-08 12:09:59)
标签:

博客装修

娱乐

分类: 砂手代码
用颜色制作简单的博文边框
 用颜色制作简单的博文边框(高手请飘过!)
热血砂手
 
      人靠衣裳马靠鞍,博文离不开边框!一篇博文不论写得好坏,如果直接发表,虽然觉得简洁明了,但有时显得较为单调。如果给博文套个外套,即加个边框,效果马上就不同了。如果一篇精美的博文,再加上一个精美的边框,那简直就是一幅珍品、极品、艺术品!人们在欣赏别人精彩博文的同时,更惊叹博文的外衣——边框。于是就到处收集、整理,请教能人高手、老鹰大虾。运气好的话能得到高人真传,学得两手独门绝招。如果勤快点的话也能从茫茫网海中淘到许多宝贝,把天底下精美的博文边框淘回来,将自己的博客装得满满当当,兴奋得几天都激动不已,然后又急急忙忙发表博文,与天下网友共同分享的劳动成果!
       其实,像我等菜鸟,刚接触博文边框之时还是要老老实实向前辈们学习,乐此不彼地网海淘宝,不断殷自己的博客“粮仓”以备不时之需。但有时模板淘来一大堆,等真的要用时又觉得还是不怎么合适,看着别人精美的边框还不能直接用,看得直流口水,想修改又嫌麻烦,尤其是我等“土鸟”(不懂外文),修改别人的边框煞是费力!看来还是不得不下点功夫学两招,哪怕是只能拨动一下水,或是只能打起浪花一小朵,也得有两下子,要不怎么在网海里混呢?呵呵!
       通过一段时间的摸索,菜鸟我貌似看懂了一点点门道:做边框其实也不是很难,菜鸟也会做,只是做得好看不好看而已。我观察了一下,做边框的素材其实也不复杂,最简单的素材就是图片(动、静)、线条(虚、实)、颜色三种(不知对不对?),然后通过高矮、胖瘦、长短、粗细等几个指标(数字),把这三种素材有机搭配(组合),就可得到不同的、好看的、难看的、一般的、精美的边框!
       菜鸟我认为,边框一般设为2-3层即可,太少了,单调!太多了,繁琐,且占用过多的空间!图案、色彩的搭配纯属个人喜好,怎么搭配都可以。数字指标要以适应网页和文章内容、风格设计的要求为主。菜鸟我认为要把更多的空间留给文章内容,毕竟人们主要是看内容而不是看边框!取材方面,菜鸟我认为图片虽然精美,但一旦链接失效,一幅精美的边框也会变得面目全非,惨不忍睹!因此,颜色较为把稳和可靠,因为颜色一般不会失效。下面我就用颜色做一个简单的三层边框:
 
效果如下:
 
第一层
第二层

第三层

 

代码如下 :

<CENTER>
<TABLE border=1 cellSpacing=20 width=600 bgColor=#00ff7f>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 22px" color=#ed1c24><STRONG>第一层</STRONG></FONT></CENTER>
<TABLE border=1 cellSpacing=10 width=560 bgColor=#000000>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 20px" color=#ffffff><STRONG>第二层</STRONG></FONT></CENTER>
<CENTER>
<TABLE border=1 cellSpacing=6 width=530 bgColor=#882500>
<TBODY>
<TR>
<TD>
<P align=center><FONT style="FONT-SIZE: 20px" color=#ffc20e><STRONG>第三层</STRONG></FONT></P>

</TD>

</TR>

</TBODY>

</TABLE>

</CENTER>

</TD>

</TR>

</TBODY>

</TABLE>

</CENTER>

</TD>

</TR>

</TBODY>

</TABLE>

</CENTER>

     【注意】在这段代码里关键的是这几个东东:border=1 cellSpacing=20 width=600 bgColor=#00ff7f 其中,border=1 表示边框的线条粗细,0为无线,其他数字为线条粗细;cellSpacing=20 这个可以理解为两条线之间的距离,当border=不为0时较为明显,为0时也可以看到宽度,只是不很明显而已,当cellSpacing=0时表示两线之间无距离,或是距离很小,忽略不计;width=600 这个不用说啦,当然是边框的宽度啦,注意,数值不要太大,要不然就跑到地球外面去了!呵呵!bgColor=#00ff7f 漂不漂亮就看这个啰!等号后面是颜色代码,找一个自己喜欢的换上就OK了,如果你一时找不着的话就请点这里
     特别特别声明:本人不懂洋文,以上的意思纯粹是瞎蒙的,蒙错了我可不负责任啊!呵呵!你可以尝试着把上面这段代码复制到你的博客博文编辑框中,然后改变上面这几个东东的数值,看看有什么变化木有?以后就可以这样随心所意地用颜色来制作简单的博客博文边框了,祝你鼓捣成功!

 

有空也可以来这里看看:

笑侃古今 千首山歌 点击获取搏文导航代码用颜色制作简单的博文边框(高手请飘过!) 资料宝库 中国皇帝
民族宗教 爱恨情仇 博客代码 用颜色制作简单的博文边框(高手请飘过!) 江山美人 优美音画 留住瞬间
博客素材 精彩视频 万首歌曲 中医宝典 养生宝典 诗词曲赋
楹联集锦 茶道悠悠 点击查看更多精彩用颜色制作简单的博文边框(高手请飘过!) 读书学识 典藏音乐

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有