鸟的英语单词:博客美化常用代码

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 00:00:01
博客常用的代码
彩色沙漠为了使用方便,收集了一些自己比较喜欢的代码放在这里以便使用起来方便,在这里特别感谢制作这些代码的博友,同时也希望能给一些博友带来便利,谢谢!!!
1.最简单的滚动条设置
代码:







带滑动条的表格

看看这个效果,不要以为是IFRAME,这可是地地道道的表格!其实,这是表格和CSS结合的效果。当网页上有大段文字要显示,而又没有足够的空间时,这就派上用场了。虽然用文本框也可以实现类似效果,但却远没有用表格灵活。代码很简单,只要在单元格
标识后加上如下代码就可以了



2.滚动特效
欢迎光临彩色沙漠的BLOG地址:http://wangmin265209.blog.163.com/edit/#pn1
代码:

欢迎光临彩色沙漠的BLOG 地址[url]http://wangmin265209.blog.163.com/edit/#pn1

3.背景图片+图片方法:


代码:
文章

4.字体后面加入背景色
欢迎光临彩色沙漠的博客
代码:
>欢迎光临彩色沙漠的博客
style="BACKGROUND-COLOR: #3366ff"(背景颜色)
color=#000000 "(字体颜色)
5.有边框且有底色方法:
有边框且有底色的语法:举例一
代码:
有边框且有底色的语法:举例一

6.使题目动起来:
彩色沙漠欢迎你们,记得要常来吆!!
代码:
(1)循环左移:彩色沙漠欢迎您们,记得要常来吆!!
彩色沙漠欢迎你们,您的到来就是对我莫大的支持!!
代码:
(2)左右弹撞:彩色沙漠欢迎您们,您的到来就是对我莫大的支持!!
7.自下而上滚动文字:
彩色沙漠真诚欢迎朋友们的光临,您的到来会给小屋增添更多活力、精彩与欢乐!
代码:
彩色沙漠真诚欢迎朋友们光临,您的到来会给小屋增添更多活力、精彩与欢乐!
8.特效文字代码
(1)中空文字代码:
彩色沙漠欢迎您的到来代码:
彩色沙漠欢迎您的到来

(2)立体感特效文字代码
彩色沙漠欢迎您的到来
 
 
 
 
 
 
 
 
 
 
 
 
 
代码:
彩色沙漠欢迎您的到来
(3)带彩色阴影特效文字代码
彩色沙漠欢迎您的到来
 
 
 
 
 
 
 
 
 
 
 
 
 
代码:
彩色沙漠欢迎您的到来
(4)凸起立体感特效文字代码
彩色沙漠欢迎您的到来
 
 
 
 
 
 
 
 
 
 
 
 
 
代码:
彩色沙漠欢迎您的到来
(5)套边立体感特效文字代码
 
彩色沙漠欢迎您的到来
 
 
 
 
 
 
 
 
 
 
 
 
 
代码:
 
彩色沙漠欢迎您的到来
(6)七彩文字背景代码
彩色沙漠欢迎您的到来
代码:




 


彩色沙漠欢迎您的到来


 


(7)图片插入文字特效代码
彩色沙漠欢迎您您
代码:





彩色沙漠欢迎你

 
(8)文字移动代码:

迎光临彩色沙漠的博客,
一直想给自己的心情和文字找个家,
一直想通过一种方式让朋友们随时随地找到我,看到我 ;
这里是我网上的家,
有时间的话,
希望您常来坐坐,留下你的看法与感想;
最重要的,
不要忘了加我好友,
这样下次你来看我的时候就方便多了!
谢谢您的光顾!!。
代码:


欢迎光临彩色沙漠的博客,
一直想给自己的心情和文字找个家,
一直想通过一种方式让朋友们随时随地找到我,看到我 ;
这里是我网上的家,
有时间的话,
希望您常来坐坐,留下你的看法与感想;
最重要的,
不要忘了加我好友,
这样下次你来看我的时候就方便多了!
谢谢您的光顾!!


(9)彩色字体色彩绚丽
彩色沙漠欢迎光临
代码:




(10)抛射字体
彩色沙漠
代码:


抛射字体





(11)带背景的闪光字体(背景图片可以换)
带背景的闪光字体(背景图片可以换)
代码:










带背景的闪光字体(背景图片可以换)


(12)向下移动的文字
彩色沙漠的家园
(13)向右移动的文字
赏欣您迎欢漠沙色彩
代码:





彩色沙漠欢迎你欣赏


(14)波浪式的文字
波浪式的文字
代码:





波浪式的文字

(15)原地跳动的文字
原地跳动文字
代码:














(16)交替跳跃的文字
交替跳跃文字
代码:














(17)模糊的背景字
模糊背景字代码:











(18)穿梭的文字
穿 穿梭 梭文 文字 字代码:



穿 穿
梭 梭
文 文
字 字

(19)彩虹文字
彩虹字体
代码:









彩虹字体


(20)发光文字:
要修改的文字
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
代码:

                          要修改的文字



 


其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。
(21)浮雕的文字:
要修改的文字 代码:
要修改的文字

(22)七彩文字:
彩色沙漠
代码:




彩色沙漠


9.渐隐的播放器
',1)">
 
代码:
 




10.图片中插入飞翔flash
',2)">
代码:




11..图片左右滚动:

代码:

12.动态图片合成代码
',3)">
代码:





13.一层透明Flash的效果:
',4)">
代码:






14.两层透明Flash的效果:
',5)">',6)">
代码:






15.三层透明Flash的效果:
',7)">',8)">',9)">
代码:





16. 四层透明Flash的效果:
',10)">',11)">',12)">',13)">
代码:






17朦胧图片加入一个透明FLASH的效果:
',14)">
代码:





请大家注意:style=1或2或3,其图片朦胧的效果就不同,如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。其代码如下:
18。朦胧图片加入两个透明FLASH的效果:
',15)">',16)">
代码:








19.日志图片背景:
可添加日志、图片。FLANSH
代码:




日志内容:用图片作背景


有喜欢加音乐的可以加入以下代码:

20.彩色边框代码:
日志文字
代码:
日志文字

border-style则控制边框的效果
border-width控制边框的粗细,
border-color调整边框的颜色,
这里你仍然可以使用如#xxxxxx的颜色数值,而当使用“solid”则为单一颜色的线形简单边框。
实线

21双线框代码:
文字

效果如框内,是带背景色(熏衣草色)的简单双线框。
文字

显示的效果是背景色为桃色的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdab9
文字

显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdead。
文字

背景颜色为淡黄色#FFFFE0,效果如框内所示。
文字

这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。
文字

这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。
21.立体线框代码:
文字

效果如框内所示,是带背景色(熏衣草色)的浮出立体线框,代码中的#E6E6FA是背景的颜色(熏衣草色)
文字

背景为粉红色,效果如框内所示。
文字

背景为桃色,效果如框内所示。
22.滚动文本框代码:
把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片,而且文本框的大小可以随意调整。
代码:
日志文字

代码实现的文本框是浅黄色的背景,粗略效果如文本框内所示。
(注释:附语法语句的解释:
//层开始标记,对中对齐 :
日志文字

实线 
实线

外凸 
外凸

双线 
双线

虚线 
虚线

文字
文字
效果是框线颜色为淡珊瑚色#f08080,宽度为1,背景色为桃色#ffdab9的虚线框。
22.雪花装饰背景:(黑色系列) 代码: 

文字


代码:

文字


代码:

文字


代码:

文字


代码:

文字


代码:


文字


代码:


文字


代码:


文字


代码:

文字


代码:

文字



23.平安夜背景代码:
代码:

文字


代码:

文字


24.圣诞袜装饰背景: 代码:

文字



代码:

文字



25.金色圣杯背景
代码:


文字



26.天使降临背景:
代码:

文字