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

煙花戀星空博客

以文会友,QQ735673126

 
 
 

日志

 
 
关于我

本来作个自我介绍之类什么的,对我来说,简直是小菜一碟,平时总是脸不改色心不跳滴。可是今天,准备在空间里推销自己,却是绞尽脑汁,煞费苦心。我这乡村兔子,大有点刘姥姥进大观园,心里发虚的感觉。既然丑媳妇难免见家翁,咱就学一回芙蓉姐姐,来个自吹自擂罢。

网易考拉推荐

〓◆〓 教你如何做精美代码边框 〓◆〓  

2011-03-12 21:30:56|  分类: 烟花素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客


 
 

在此教朋友们怎么制作代码边框和用代码做一篇漂亮的日志 
一、HRML在线编辑器地址:http://ny.xmu.edu.cn/editor.asp
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
打开编辑器,点上面最下一排第9个符号插入表格,如下设置: 
 〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 
    最上面四组就按图片上设置,单元间距和单元边框是这张图片显示多宽,可以随你的想法输入,一般线条的宽输入1PX到10PX就可以了,在“背景图片”那儿插入你想放上去的图片地址。
   点确定后,桌面上出现编辑的状态,然后在图片上插入光标,如果不能插上光标,就在左下角点一下源码在点回编辑,就可以了,插上光标后跟做第一层一样的,可以根据自己的喜欢放第二层,第三层等很多层的图片,宽度也自己掌握。做好边框如下: 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 
     然后把上面边框宽的部份删一些跟左右一样,下面不用管,鼠标插在图片的中间,向下击回车键,就能看出边框的效果了,或者点下面的预览也行。 效果如下:
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
      

    然后点击下面的源代码(在编辑器的左下方),复制全部代码,到你空间的写日志地方,点开高级,打开HTML编辑,把代码粘贴上去。记注:在粘贴前要把里面的这个<P></P>符号全部删掉)那样才会显示正确。
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客


〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客

      然后在右上角有一个返回,点击返回,就可以看到效果,然后在边框中间写日志和加上你喜欢的图片就行了。朋友们喜欢日志做多长,就敲击回车键。边框会自然往下延伸的。 
二、下面的代码都是在HTML的编辑状态下使用的 
1图片渐变的代码: 
<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=1)"width=450>
</CENTER>


2、圆形渐变透明代码:
<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
 
3、图片X形渐变透明
<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center> 
 
4、图片滚动的代码
<marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER: alpha(opacity=300><BR>
</marquee></p>

 
6 、 图片方形代码 
 <CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=3)"width=300>
</CENTER>

 
 7 、多张图片滚动代码:
<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>

<P><SPAN style="FONT-SIZE: 24px; COLOR: #ffcccc; LINE-HEIGHT: 1.3em; FONT-FAMILY: '黑体'"><FONT color=#cc0000><STRONG>
</STRONG></FONT></SPAN></P>
 
8、滚动字、图片代码:
[marque代码]要写的内容[代码/marque]
<以上红色的字要删除才会动的哦>
       三、在边框中加上现成的图片和FLASH图片、以及写文章就跟你平时做日志是一样的。  
        能够很熟练的用好上面的代码,你就可以做好一幅漂亮完整的作品了,同时也是按你的想法做出来的,肯定得能达到你自己满意,还有不明白处,可以问我,祝朋友们早日学会! 
下次我再告朋友们边框素材你也可以到我相册《边框素材》里去拿 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客  〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   
 
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
 
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客  
 〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
 
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 
 
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客  
 〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 
 
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
 
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
 
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客  〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客  〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客  〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客  〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 
  〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
 
〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客 
  〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客   〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客    〓◆〓 教你如何做精美代码边框 〓◆〓 - 烟花恋星空 - 煙花戀星空博客
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 


 
 
 
 
 
 
 
 
 
 
 
  




 [flasht,800,700,120,660]http://www.36sk.cn/attachments/month_1006
  评论这张
 
阅读(257)| 评论(14)
推荐 转载

历史上的今天

评论

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

页脚

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