 [ 静水流深 发表于 2008-12-13 19:08:00 ] |
前些日子，博外的朋友说：秋已过去了，茶辽也走了，你的梧桐落叶模板也该换一换了。呵呵，其实我早想到了，只是没有一见钟情的图片，就这样宁缺毋滥着。那晚无意中搜到这张曼妙的落日余晖图，我就动心了。马上PS，下载字体，添加FLASH，调试效果。后经博内高手点拨，人物的镜头位置运用黄金分割的拍摄原则，从而使整个画面更加唯美了。 静水是个爱漂亮爱折腾的人，即使在虚幻的博客世界里，也喜欢花时间把自己的家装扮得漂亮些雅致些。看到微笑的鱼的留言，我相信，喜欢DIY的博友一定也不少，就辛苦几个小时把自己摸索的经验和收集并使用过的一些代码整理出来，希望能够对大家有点帮助。 换模板 如果你想让自己的博客更有个性，如果你有足够的耐心和信心，那就换模板吧！窃以为台博的系统模板太少了，大部分过于普通，撞车的机率很大。以前在别的博客换过模板，来台博后发现每个博客的后台设置都略有不同，也就懒的折腾了。今年4月底，当《心灵之窗》的模板不小心更新消失后，不得已逼着自己做了三套，后来因评论数据出错被博内高手全站更新，遗憾已经没有效果图了。具体操作步骤请参考：user1/taozhi/archives/2007/20081210182419.html 换顶图 换模板要花太多的心思，如果嫌麻烦，那就用现成的模板换个顶图吧！不管换模板还是换顶图，建议先备份一下模板，免得面目全非后找不着自己原来的样儿。 1、确定模板顶图的大小。 2、利用PS制作一张同样大小的个性化图片（高度可以适当调整）。将制作好的图上传到相册或草稿箱生成一个图片网址。 3、点击模板管理→改主模板→源码。复制该图片网址替换相应“网址”即可（<IMG alt="" src="//tzblog.com/UploadFiles/2008-12/129532130.jpg" border=0></TD>）。或者直接复制上传图片替换原顶图。点击预览，如果觉得不错就保存修改。 4、如需更改整个页面的宽度，改变标题文字的颜色、大小和位置，都可在主模板或源码处修改其数值。各个参数均可自行调节，直到满意为止。 (注：有些博客点击”改主模板”会跳出“你所在的组不允许修改模板！”，可能与博客的级别有关) 美化blog代码 让博客页面漂亮起来，将自己的喜好和一定的网页技术结合起来DIY博客，可以让它变得更富于个性。推荐一些很实用的代码，感兴趣就试一试吧！建议大家选择一两项代码装饰即可，没有必要太华丽花哨。一方面，太多的代码、图片设置会影响打开的速度。另一方面，太花哨了会使页面变的眼花缭乱，喧宾夺主影响阅读的速度。 1、透明FLASH代码 你看到我博客里那飞翔的海鸥了吗？那就是用透明FLASH代码设置的。复制这段代码至你的博客主模板或日志源码中就可以了。 <EMBED style="LEFT: 180px; POSITION: absolute; TOP: -140px" align=right src="/ 下面有更多图例，点击可预览。挑个自己喜欢的替代上述代码中的红色部分就OK了。各个参数根据页面需要自行调整。 蓝色的蝴蝶 http://imgfree.21cn.com/free/flash/9.swf 飞降的流星 http://imgfree.21cn.com/free/flash/39.swf 升腾的唇印 http://imgfree.21cn.com/free/flash/36.swf 跳跃的青蛙 http://sucai.heima.com/sucai/news/flash/17.swf 飞舞的雪花 http://www.blog286.com/upfile/flash/071107/02.swf 漂亮的星空 http://www.blog286.com/upfile/flash/071107/02.swf 闪光的珠帘 http://www.blog286.com/upfile/flash/071107/13.swf 飞舞的白蝴蝶 http://www.blog286.com/upfile/flash/071020/12.swf 吹泡泡的燕鱼http://imgfree.21cn.com/free/flash/57.swf 飘落的粉色花瓣http://imgfree.21cn.com/free/flash/49.swf 2、DIY鼠标代码 将下列鼠标的代码复制到主模板或日志的源码里，即可显示，很简单。 爱心 <style>body{CURSOR:url('http://pic.51.com/shop/product/sbys/ani/1000400004.ani');}</style> 蝴蝶 <style>body{CURSOR:url('http://pic.51.com/shop/product/sbys/ani/1000400027.ani');}</style> 青蛙 <style>body{CURSOR:url('http://pic.51.com/shop/product/sbys/ani/1000400059.ani');}</style> 箭头 <style>body{CURSOR:url('http://pic.51.com/shop/product/sbys/ani/1000400060.ani');}</style> 箭头 <style>body{CURSOR:url('http://pic.51.com/shop/product/sbys/ani/1000400002.ani');}</style> 3、FLASH时钟代码 <CENTER><EMBED src="/ （width=200 height=150 宽和高可自行调整） 下面有更多款时钟，挑个自己喜欢的放在公告栏上效果不错！ http://jz.bobo4.com/flash/02/3.swf http://img5.3lian.com/flash/f10/2/7.swf http://img5.3lian.com/flash/f10/1/12.swf http://img5.3lian.com/flash/f10/2/13.swf http://jz.bobo4.com/tuzils/images/bobo4.com.swf http://blog.spforum.net/UploadFiles/2007-8/814253970.swf http://blog.spforum.net/UploadFiles/2007-8/814114333.swf http://www.venus.dti.ne.jp/~taku/relaxuma/relaxlock2.swf http://pets-jp.net/banner/watch/images/chihuahua-tv.swf 4、历史上的今天代码 <p align=center><FONT size=4><FONT color=#cc3333>历史上的今天</FONT></p><p align=center><I style="BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed" border=0 name=history marginHeight=0 src="//www.nongli.com/today/today.asp" Border=no width=170 scrolling=no height=145></I> <UL class=bookmarkGroup id=bookmarkGroup189296></UL></p> 5、天气预报代码 代码一： <i name=city__zx src=http://weather.china.com.cn/city/58660_zx.html width=243 height=116 border=0 border=0 spacing=0 marginheight=0 marginwidth=0 scrolling=no></i> 代码二： <i src="//t7.hxblog.net/t7/goWeather.asp?az=1&ct=2&s=0&t=1&fc=0" border="0" scrolling="no" width="180" height="220" allowTransparency="1"></i> （注：以上三个代码应添加在主模板或公告栏的源码上。代码生成图示后，剪切移动到你想放置的地方即可。开发者可能使用了AJAX无刷新技术。i显示出错，修改见评论） 6、音乐代码 打开页面听到喜欢的音乐，我觉得是件惬意的事。一直以来，我都是单篇日志添加音乐自动循环播放。我不喜欢在宽幅的日志下放一条突兀的播放插件，如此而已。下面这个代码看不到播放插件。 <EMBED id=MediaPlayer329 src="/ 将其中的红色部分改成你希望放的音乐连接就成背景音乐了！（支持后缀为：.mp3 .wma） |
联系客服
