注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

黑玫瑰博客

开放思维磨练一双慧眼,把这世界看远看透再看淡

 
 
 

日志

 
 
关于我

看不清的城市,迷离的心路,到哪里找一个安逸的角落,容得下我的倦意,我有不屈的斗志,却没有称心的器械.我有高尚的灵魂,却不能平伏我欲望的漫延

网易考拉推荐

怎样用代码做外边框和内边框  

2013-04-18 17:33:05|  分类: 日志边框 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、做外边框的代码:

<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0>
<TBODY>
<TR>
<TD>

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。

</TD></TR></TBODY></TABLE>

       说明:红色代码是右边框;绿色代码是上边框;深蓝色代码是左边框;桃红色代码是下边框;蓝色代码是边框内面背景颜色;黄色代码cellSpacing=0是限制内边框与外边框距离的,“0”表示没有距离,是可以改变的。(这段代码里没有内边框代码)#号后面的00ff00是颜色代码,可以变换,要改变边框颜色就要将四边#号后的代码变为同一个代码,否则,四边的颜色就会不同。颜色代码可以在颜色代码表里找;10PX是表示外边框的宽度,数值可以改变;

看看效果:

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。

可以放加入背景图片的代码 ,在这里还可以放一个或多个动

画代码(做多层透明flash动画)。

 

 二、怎样加进内边框?

         1、代码:

                <TABLE border=1>
                      <TBODY>
                      <TR>
                      <TD>

          2、说明:

                A、“=”号后的“1”可以变为“2”或“3”,不可改得太大,为这是限制内边框宽度的,太宽了就不好看了;

              B、做几个内边框,就将这段代码放开头那段代码的<TD>后,(即“文字”前)并复制粘贴几次;

          3、以做三个内边框为例:也就是将内边框代码复制粘贴三次放于开头那段代码的<TD>后,(即“文字”前)边框的宽设为“1”,代码变化如下:

<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge;

BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge;

BACKGROUND-COLOR: #ff0000" cellSpacing=0>
<TBODY>
<TR>
<TD>

<TABLE border=1>
<TBODY>
 <TR>
 <TD>

<TABLE border=1>
<TBODY>
<TR>
<TD>

 <TABLE border=1>
 <TBODY>
 <TR>
 <TD>

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。

</TD></TR></TBODY></TABLE>

看看代码变化后的效果:

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。

可以放加入背景图片的代码 ,在这里还可以放一个或多个动

画代码(做多层透明flash动画)。

 

看看将限制内边框与外边框距离的代码cellSpacing=0改为等于“5”后的效果:

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。

可以放加入背景图片的代码 ,在这里还可以放一个或多个动

画代码(做多层透明flash动画)。

 

怎样放入内容(即在边框内放图片、放Flash动画、放gif动态小图和输入文字)

怎样在音画边框内添加更多的内容

 

一、这是一段四层边框、一幅主体图片的代码:

    红色的是边框代码,蓝色的是在边框内添加内容的代码,桔黄色的是蓝色代码部分的结束标记。

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址(纯色图片) border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=第2层边框图片地址(纯色图片) border=0>

<TBODY>

<TR>

<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=第3层边框图片地址(纯色图片) border=0>

<TBODY>

<TR>

<TD width=660>

<TABLE cellSpacing=10 cellPadding=0 width=640 background=第4层边框图片地址(纯色图片) border=0>

<TBODY>

<TR>

<TD>

<P align=center><IMG src="动态小图网址(gif或jpg格式)"></P>

<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=主体图片地址 border=8>

<TBODY>

<TR>

<TD align=middle width="93%"><EMBED src=透明flash小动画网址 width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">

</TD></TR></TBODY></TABLE></P> 

二、上面这段代码做出的效果请看:
      1、思念是别样的美丽(音画处女作)
      2、怎样在音画的一幅图片上做出文字的移动效果

三、如何在这个边框中增添更多的内容?(即图片、动画、动态小图和文字)

   1、如果你还需要添加几幅图片,那就将蓝色代码桔黄色代码复制粘贴几次续接在被复制的那段代码之后,按要求粘贴网址,代码中图片的宽度和高度要调到与原图片在属性中查得的宽度、高度一样;

   2、一幅图片上也可添加几个透明flash动画,同样是将动画代码复制粘贴在动画代码之后,将动画的宽度和高度调到比图片的宽度和高度小一点;就是下面这段代码:

<EMBED src=透明flash小动画网址 width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">

   3、动态小图也可随意添加,需要添加几个动态小图,就将那段代码在原位置下面复制粘贴几次,当然也可复制粘贴在没有动态小图的位置,然后粘贴网址。就是下面的代码:

<P align=center><IMG src="动态小图网址(gif或jpg格式)"></P>

   4、呈日志编辑状态,可以在图片中输入文字,也可在图片与图片之间输入文字;点击<>这个按钮进入代码编辑状态,就可以编辑文字特效,这个内容请看:怎样在音画的一幅图片上做出文字的移动效果

四、全部做好后,就在最后加上音乐播放器,粘贴上音乐网址。就是下面这段代码:<EMBED src=音乐网址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1" >

 

  评论这张
 
阅读(129)| 评论(5)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017