中财网洋桔梗 樱桃系列:在图片上加字及加图片的代码
来源：百度文库 编辑：中财网 时间：2024/04/27 09:58:19
Good fun编辑
首先我们来了解一下，本文会用到的“图片地址”，什么是图片地址？图片地址怎么获取呢？图片地址是指网络中的图片，都有它独一无二的地址，相当于这个图片的身份证号码！不过这个图片必须是网络中的，要是你电脑中的图片，你必须先把它上传到博客相册或者博客里，才能获取地址！那么图片地址的怎么获取呢？请看下面的截图说明：
下面是一张已经上传到本博客的图片：
你要获取这张图片的地址，只要右击这张图片，出来下拉菜单，点击最下面的“属性”，就会出来一个属性对话框，如下图：
了解完图片的地址，我们来看一个简单的图片插入代码：
![]()
说明：上面代码中绿色的就是图片的地址，黄色的就是图片的宽度和高度大小，你可以改变数值“388”和“420”来改变大小！以下的所有代码中的图片大小调整同样！
在图片上加字：
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
HTML代码复制如下：
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
说明：
1、上面绿色的是背景图片的显示高度和宽度。
2、紫色处换成您的图片地址.
3、橘黄色处换成你自己的文字，在代码编辑状态的时候用代码 “
”来换行，连续用两个“
”可以空一行。
4、蓝色的是字体的颜色，字体等等的属性：
align=center 表示字体居中，可选值为居右（right）居（left）
color=颜色代码 具体颜色代码可参照：网易博客代码(颜色代码)
face=字体 常用字体为：宋体.黑体.楷体.仿宋.新宋体.细明体等
size=字体大小，这里的最大值为7 ,取值越大文字就越大 ，
Good fun提示朋友，在文字特效代码里有时候用“style=font:40pt ”来表示文字的大小，你可以改变数值“40”来改变大小！
在图片加滚动的字
Good fun
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
HTML代码复制如下：
上面代码中有新的滚动属性，具体如下：
文字滚动基本代码属性如下：
direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)
【Good fun提示：这里的“direction=移动方向”可以用“behavior=移动效果”来表示，例： behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回走】
scrollamount=移动速度数值
height=400 是文字滚动的距离，可以改变数值来改变滚动的距离！
在图片上加图片
素材图片1：
素材图片2：
素材图片3：
代码合成效果：
图片上加图片的代码如下：
代码说明：
代码中的：MARGIN-TOP: 90px 是指小图片在背景图片上，离顶栏边的距离，数值越大越往下，可以改变数值“90”来改变小图片的位置 MARGIN-LEFT: 30px 是指小图片在背景图片上，离左边栏边的距离，数值越大越往右，可以改变数值“30”来改变小图片的位置 ，这里数值可以取负数，例：MARGIN-LEFT: -120px
如果你想多加几个小图片，你只要在代码中间的蓝色代码后面再加几组如下面的代码：
在图片上加的图片和文字除了可以让它动起来外，还可以加超链接，由于时间关系，请留意我后面的日志！在图片加图片的效果做了链接，点击蝴蝶，就可以去我的博客首页！
您可能也喜欢：
图片+flash，flash+flash，flash上写字贴图技巧 2009.12.26
图片+flash，flash+flash，flash上写字贴图技巧几款不同的制图代码 2009.03.24 
几款不同的制图代码制作音画的特殊代码： 2009.12.26 
制作音画的特殊代码：快速制作音画作品 2010.01.08 
快速制作音画作品【原创】我的首页模块代码——娃的欢迎光临（二） 2009.02.11 
【原创】我的首页模块代码——娃的欢迎光临（二）音画制作方法与步骤 2011.02.02 
音画制作方法与步骤美化博客实用技巧(16)-如何在博客首页添加好友连接 2009.04.04 
美化博客实用技巧(16)-如何在博客首页添加好友连接【引用】常用HTML代码速查表 2011.05.17 
【引用】常用HTML代码速查表图片各种艺术特效处理 2010.01.15 
图片各种艺术特效处理图片移动雾花特效大全 2009.12.07 
图片移动雾花特效大全图片移动全都汇（样式大全） 2010.10.05 
图片移动全都汇（样式大全）漂亮的公告栏 2009.02.18 
漂亮的公告栏音画制作入门 2010.01.08 音画制作入门边框代码注解 2009.04.10 边框代码注解
评论这张
转发至微博
转发至微博
0人 | 分享到：
阅读(78)| 评论(0)| 引用 (0) |举报
首先我们来了解一下，本文会用到的“图片地址”，什么是图片地址？图片地址怎么获取呢？图片地址是指网络中的图片，都有它独一无二的地址，相当于这个图片的身份证号码！不过这个图片必须是网络中的，要是你电脑中的图片，你必须先把它上传到博客相册或者博客里，才能获取地址！那么图片地址的怎么获取呢？请看下面的截图说明：
下面是一张已经上传到本博客的图片：
你要获取这张图片的地址，只要右击这张图片，出来下拉菜单，点击最下面的“属性”，就会出来一个属性对话框，如下图：
了解完图片的地址，我们来看一个简单的图片插入代码：
说明：上面代码中绿色的就是图片的地址，黄色的就是图片的宽度和高度大小，你可以改变数值“388”和“420”来改变大小！以下的所有代码中的图片大小调整同样！
在图片上加字：
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
HTML代码复制如下：
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
说明：
1、上面绿色的是背景图片的显示高度和宽度。
2、紫色处换成您的图片地址.
3、橘黄色处换成你自己的文字，在代码编辑状态的时候用代码 “
”来换行，连续用两个“
”可以空一行。
4、蓝色的是字体的颜色，字体等等的属性：
align=center 表示字体居中，可选值为居右（right）居（left）
color=颜色代码 具体颜色代码可参照：网易博客代码(颜色代码)
face=字体 常用字体为：宋体.黑体.楷体.仿宋.新宋体.细明体等
size=字体大小，这里的最大值为7 ,取值越大文字就越大 ，
Good fun提示朋友，在文字特效代码里有时候用“style=font:40pt ”来表示文字的大小，你可以改变数值“40”来改变大小！
在图片加滚动的字
Good fun
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
HTML代码复制如下：
上面代码中有新的滚动属性，具体如下：
文字滚动基本代码属性如下：
direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)
【Good fun提示：这里的“direction=移动方向”可以用“behavior=移动效果”来表示，例： behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回走】
scrollamount=移动速度数值
height=400 是文字滚动的距离，可以改变数值来改变滚动的距离！
在图片上加图片
素材图片1：
素材图片2：
素材图片3：
代码合成效果：
图片上加图片的代码如下：
代码说明：
代码中的：MARGIN-TOP: 90px 是指小图片在背景图片上，离顶栏边的距离，数值越大越往下，可以改变数值“90”来改变小图片的位置 MARGIN-LEFT: 30px 是指小图片在背景图片上，离左边栏边的距离，数值越大越往右，可以改变数值“30”来改变小图片的位置 ，这里数值可以取负数，例：MARGIN-LEFT: -120px
如果你想多加几个小图片，你只要在代码中间的蓝色代码后面再加几组如下面的代码：
在图片上加的图片和文字除了可以让它动起来外，还可以加超链接，由于时间关系，请留意我后面的日志！在图片加图片的效果做了链接，点击蝴蝶，就可以去我的博客首页！
您可能也喜欢：
图片+flash，flash+flash，flash上写字贴图技巧 2009.12.26
图片+flash，flash+flash，flash上写字贴图技巧几款不同的制图代码 2009.03.24 几款不同的制图代码制作音画的特殊代码： 2009.12.26 制作音画的特殊代码：快速制作音画作品 2010.01.08 快速制作音画作品【原创】我的首页模块代码——娃的欢迎光临（二） 2009.02.11 【原创】我的首页模块代码——娃的欢迎光临（二）音画制作方法与步骤 2011.02.02 音画制作方法与步骤美化博客实用技巧(16)-如何在博客首页添加好友连接 2009.04.04 美化博客实用技巧(16)-如何在博客首页添加好友连接【引用】常用HTML代码速查表 2011.05.17 【引用】常用HTML代码速查表图片各种艺术特效处理 2010.01.15 图片各种艺术特效处理图片移动雾花特效大全 2009.12.07 图片移动雾花特效大全图片移动全都汇（样式大全） 2010.10.05 图片移动全都汇（样式大全）漂亮的公告栏 2009.02.18 漂亮的公告栏音画制作入门 2010.01.08 音画制作入门边框代码注解 2009.04.10 边框代码注解评论这张
转发至微博转发至微博0人 | 分享到：阅读(78)| 评论(0)| 引用 (0) |举报
在博客中加图片的代码
图片加网址的代码
怎样在图片上加代码
网页中加图片的代码是什么？
给图片加烙印的代码
怎样在ubb代码中给图片加超链接
如何在图片上加超链接，求HTML代码
QQ空间里的图片是在哪个地方加代码的
如何在图片上加超链接，求论坛的使用代码
网页中加图片的代码怎么写？
图片上传的代码
图片滚动的代码？
代码的图片
[ASP代码] 给上传图片加水印
网站图片自动加防伪标志 代码
我有一小段原代码是一个图片的代码，怎么在这个图片上加一个链接,又不丢失原来的风格?
如果我要在图片上加超链接并且在新窗口中打开需要什么代码？
在MSN首页加图片
要在dreamweaver中将图片设为透明，加什么代码？具体怎么做？
在OBLOG里,加什么代码可以防止复制图片或文字?
明清时代的图片及图片说明
怎么知道图片的代码
怎么找到图片的代码？
谁知道滚动图片的代码