教大家做音画边框

HTML基初教程

图片


图片


图片图片

 

 

思鹰在数码时代老师的指导下

 

在这里献丑了

 

 

来我空间的朋友请吃水果

 

图片

 

 

先把这个编制器保管好

 

HRML在线编辑器地址：

http://ny.xmu.edu.cn/editor.asp

 

选好您要用的材料存在您的相册里

 

今天我来教朋友们边框代码的使用方法 

 

 

 

边框代码的复制与粘贴

 

一.   复制全部代码，一个符号也不要漏掉。

 

二.    打开空间——日志——写日志

三.   点 图片 再点 图片   图片 

 

将  图片 

 

这几个符号和字母删除后

 

把刚才我们复制的代码粘贴进去

 

（切记：这些代码一定要在HTML的状态下粘贴!）

  

 四.  点 图片  就看到边框的效果了

 

在边框上添加图片

 

 一.  把鼠标放到边框的中间点一下

 

看到光标在闪动后

 

点插入图片按钮图片 

 

在您电脑的文件夹或空间相册里上传图片即可

 

（与平时写日志时插入图片的方法相同）

 

调整好图片位置点居左按钮 图片 图片可以居左

 

点居中按钮 图片 图片可以居中

 

点居右按钮 图片 图片可以居右

 

也可移动光标调整到你想要的位置

 

三. 在边框中输入文字

  

把鼠标放到边框的中间点一下

 

出现光标后即可输入文字

 

文字大小 颜色随意调整   这样就OK了

 

  

 

打开编制器开始编制

 

 图片

 

 

用右键点您要的编制材料

 

找到属性<R>

 

点开

 

要把上面带箭头的图像地址
 
一点也不要漏掉的复制下来
 

 

 图片
 
 
填到下面带箭头的图里
 
 
图片 
 
 

图片

 

图片

 

图片

 

图片

 

因为是好几层的所以大家要

 

重复几次和上边的一样的程序

 

去复制再粘贴

 

不要怕麻烦啊

 

想要做音画框的材料填好

 

做几层填几层

 

以此类推就可以了

 

大家试试吧

 

很好做的啊

 

图片

 

 

 

这是上面音画框的代码

 

<TABLE style="BORDER-RIGHT: #ffffff 23pt ridge; BORDER-TOP: #ffffff 23pt ridge; BORDER-LEFT: #ffffff 23pt ridge; BORDER-BOTTOM: #ffffff 23pt ridge" width="100%" align=center>
<TBODY>
<TR>
<TD bgColor=#000000>
<TABLE style="BACKGROUND-IMAGE: url(http://b39.photo.store.qq.com/http_imgload.cgi?/rurl4_b=5ea8cf92bee98c11d989b39eedc161fddfdfa98438e95487a0e370f3e59d56b7ecea00d6670db30ace458512c4945041d7449dbee4323ce4ebd0a4f8893d1af9374f129d8acde51e7ddc619077371d0be6bded22&a=38&b=39)" borderColor=#cccccc cellSpacing=26 cellPadding=26 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=20 cellSpacing=5 cellPadding=0 width="92%" align=center border=13>
<TBODY>
<TR>
<TD bgColor=#000000>
<TABLE style="BACKGROUND-IMAGE: url(http://b31.photo.store.qq.com/http_imgload.cgi?/rurl4_b=454c3c03496fb5903ef58d6df8dcf2b4a78cc4760b01d3a911b14bd59d255ffbded262d59340303f6499a23e937bfbb8f3b7f5f5993002d0abca57c32b9cbe7420508b1761266dff4bc6713b0836e5f97bf8c98f&a=38&b=31)" borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double" borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE class=real_blog id=veryContent !important? auto HEIGHT: 0em; TEXT-INDENT:>
<TBODY></TBODY></TABLE>

 




感谢好朋友光临《思鹰的个性空间》！您已欣赏本篇日志，您的到来就是对我最大的支持，衷心谢谢您好朋友！

 

文章评论

燕子

[url=http://b34.photo.store.qq.com/http_imgload.cgi?/rurl4_b=d3316da428238a989321c8b9146e2acaad05e5b65a383ca2205c7288fe32e4dbe3f92a070f98910718524e5d2dc897cb8403c537dd8be5f23f9523ee38b066fafccc88f2b6f490209007d15fca3be7da80e7f1fd&ampa=34&ampb=34][img]http://b34.photo.store.qq.com/http_imgload.cgi?/rurl4_b=d3316da428238a989321c8b9146e2acaad05e5b65a383ca2205c7288fe32e4dbe3f92a070f98910718524e5d2dc897cb8403c537dd8be5f23f9523ee38b066fafccc88f2b6f490209007d15fca3be7da80e7f1fd&ampa=34&ampb=34[/img][/url]悄悄的来，静静的走，到你的家园，留下了足迹。