Chinaunix首页 | 论坛 | 博客
  • 博客访问: 257350
  • 博文数量: 67
  • 博客积分: 2485
  • 博客等级: 大尉
  • 技术积分: 740
  • 用 户 组: 普通用户
  • 注册时间: 2007-07-29 09:33
文章分类

全部博文(67)

文章存档

2011年(2)

2010年(6)

2009年(3)

2008年(20)

2007年(36)

我的朋友

分类: IT职场

2007-07-29 11:55:14


如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

代码如下:

border=3 table="0">



如何在图片中加入文字?



如何在图片中加入文字?



如何在图片中加入文字?



如何在图片中加入文字?

兰色是:背景网址(可换)

红色是:放入文字的位置和格式

在图中如何加入SWF特效:

如何在图片中加入文字?
如何在图片中加入SWF特效?

代码如下:

border=3 table="0">



如何在图片中加入文字?


如何在图片中加入SWF特效?

>

>

绿色:是放入特效的位置和格式


双层表框加字 (特效)

天上云欢迎你来到制贴天地学习

代码如下:

border=3 table>





双层表框加字 (特效)


落叶无痕欢迎你来到制贴天地学习FONT>

>EMBED>

如何使用上下滚动字幕?

  

如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?

代码如下:

border=3 table="0">




color=#ff00ff>
如何在图片中加入文字?



如何在图片中加入文字?



如何在图片中加入文字?



如何在图片中加入文字?

==============================

文字上下滚动代码: color=#ff00ff>注:scrollAmount=2   是控制字速,数值越大字速就越快!

左右移动字:


如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?

代码如下:





>[*fly]
如何在图片中加入文字?



如何在图片中加入文字?



如何在图片中加入文字?



如何在图片中加入文字?>[*/fly]FONT>

附注:这是方法一,在UBB操作用“飞”就可达到这效果,在使用时把[*/fly]的*号去掉

左右移动字方法(二):




左右移动的字!

左右移去的字!

左右移去的字!

谢谢!

代码如下:









左右移动的字!


左右移去的字!


左右移去的字!


谢谢!

 

文字与图片的几种排版用法

文字的左边,代码效果如下:

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=left border=0>

日志文字
 


 

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

 

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=left border=0>如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码: 你可以调整这两个值,通过试验看一看会有什么样的变化...
改后的代码是:

日志文字

 

 

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=right border=0> 要想把图片放在右侧,可把[align=left ]改成[align=right ]改后的代码如下:

日志文字
 



 

 

在图片上加日志文字代码如下效果见图:



日志文字日志文字日志文字日志文字日志文字

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=right>

日志文字日志文字日志文字日志文字日志文字

 

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

 

常青树全背景文字混排:




這是第1行
這是第2行
這是第3行
這是第4行
這是第5行
這是第6行
這是第7行
這是第8行

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=right>

這是第1行
這是第2行
這是第3行
這是第4行
這是第5行
這是第6行
這是第7行
這是第8行

 透明FLASH的贴法

首先选好一个图片,地址如下:

再选一个flash地址:

将图片如贴背景的代码一样,贴出来

代码如下:


border=0>


再将flash代码跟在后面贴出: width=430 height=366 type=application/x-shockwave-flash quality="high" wmode="transparent">

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

 

 

在swf格式中打入文字的代码及效果

 

飞鹰

 

 

网站








玫瑰夫人

 


 

     

 
 
一些代码
修只修改字的颜色:
要修改字体和颜色的字
color用来设置文字的颜色。
好看的字体颜色有:#ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520 #00ccff #ccccff #cc99ff #993399
只修改字的大小:
要修改字体和颜色的字
size用来设置文字的大小。 数字的取值范围从1-7,size取1时最小,取7时最大。
只修改字的字体:
要修改字体和颜色的字
face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。
同时修改字的字体,大小,颜色:
要修改的文字
其中,要修改的文字
艺术字代码
发光文字代码:
要修改的文字

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

其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,font color是原字体的颜色。
阴影的文字:
要修改的文字
插入表格


border:边框大小,0为不显示边框
bordercolor:边框颜色
bgcolor:表格背景颜色
tr:添加行
td:添加列
插入超链接
文字说明
滚动字代码
??1.建立第一个滚动字幕。代码:
玫瑰茶苑!
 2.各参数详解:
?,?a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
?,?b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
?,?c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
?,?d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
?,?e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
??3.实例:
?,?a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上就可以了。代码是:

?,?b)当鼠标停留在文字上,文字停止滚动代码:
玫瑰茶苑
?,?c)交替效果。代码如:
玫瑰茶苑
?,?d)多行文本向上滚动。代码如:
?早晨好啊!
?空气好清新啊

?,?e)改变滚动字幕的颜色?可以用样式表来控制。代码是:
玫瑰茶苑
 
图画视听》欢迎您!点击图片进入!
 

 

 

诚邀加入  点击图片加入!

《玫瑰茶苑》收藏!点击图片进入!

  • .如何在日志里添加带图案的写字框:

     

    点击日记下方的代码输入以下代码:

     
     

    点击旁边的箭头,

    就可以浏览文章.

    发表文章时,

    在显示源代码前面打勾

    然后粘贴此边框代码

    再把勾去掉

    在边框内添加上自己的文字即可^_^

    如有问题,请留言给xxx!

     

     
     
     

    效果显示如下:

     
     

    点击旁边的箭头,

    就可以浏览文章.

    发表文章时,

    在显示源代码前面打勾

    然后粘贴此边框代码

    再把勾去掉

    在边框内添加上自己的文字即可^_^

    如有问题,请留言给xxx!

     

     
     
     

     

    五 .背景图片的添加:

     

    代码如下:




    你的曰志文字


    下面简要介绍一下上面语法中的两行主要命令语句的含义:
    控制曰志中的背景图片,图片的宽度及高度值均以px为单位;align这一参数控制图片位置,但不要对此进行更改,否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜,大家可以修改其中的数值已达到不同的效果,但注意style的值只能取1,2,3这三个数值。除了柔化效果外,还有翻转、发光、阴影等若干特效,但语法表述各有不同,在此不再赘述,有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下,曰志宽度是不相同的,所以为了更好的配合曰志的页面效果,建议选择合适宽度的图片,具体可根据布局的实际情况(即曰志的宽窄程度)将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。

    音乐及背景文字

     

    ① Flash代码 (写在日记内容里) [代码中的Flash地址就是网上以.swf结尾的网址]


    ② 背景音乐代码 (写在日记标题里) [代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址]

    显示播放器
    你的音乐地址>

    不显示播放器
    你的音乐地址 width="0" height="0" loop="999">


    ③ 视频MTV代码 (写在日记内容里) [代码中的视频文件地址就是网上以.rm结尾的网址]


    type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>


    ④ 电台代码 [代码中的电台地址就是网上以.asp结尾的网址]


    type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>


    ⑤ 修改字体和颜色 (变换字体颜色只需替换color=后面的代码,好看的字体颜色有: "#00ccff" "#ccccff" "#cc99ff" "#993399")

    要修改字体和颜色的字


    ⑥ 插入图片 [代码中的图片地址就是网上以.jpg/.bmp结尾的网址]

  • 文字的几种变化:

  •  滚动字代码(左右):

     
    林中漫步的BLOG

  • 林中漫步的BLOG 

            滚动字幕代码(上下):
     

    我不想擁有愛你的 每一夜
    我也不想要對不起 全世界
    所以不需要解釋誰
    所以可以溫柔不退
    一切就看你心裡要不要勇敢些

     
    onmouseout="this.start()" onmouseover="this.stop()">我不想擁有愛你的 每一夜

    我也不想要對不起 全世界

    所以不需要解釋誰

    所以可以溫柔不退

    一切就看你心裡要不要勇敢些
  •                            竖排显示文字代码:
           

    博客文章文字


            带颜色的阴影效果文字代码:

    林中漫步的BLOG

     

    林中漫步的BLOG


            渐变效果文字代码:

    林中漫步的BLOG

     

    林中漫步的BLOG

            代码说明:
            opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
            style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。
            width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
     

            阴影文字效果代码:
     
    林中漫步的BLOG
     
    林中漫步的BLOG

            阴影的文字效果代码2:
    林中漫步的BLOG

     
    林中漫步的BLOG
    飘动在图片背景上的文字代码:
  • 450 align=center border=3>


    >
    >
    >

    图片上的文字

  •                以图片为背景发表文章代码:

    450" border="0">



  • 阅读(1932) | 评论(0) | 转发(0) |
    给主人留下些什么吧!~~