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

玫瑰花的梦670903 的博客

 
 
 

日志

 
 

【转载】日志边框代码及效果图  

2012-08-27 10:34:35|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自山后人《日志边框代码及效果图》

 

简单用法:选取一幅边框将它拖蓝复制。然后粘贴到你要写的日志上。再在写有“文字”的地方编写日志内容。也可以将写好的内容直接粘贴到这里。调整一下字体形式(颜色、字体、大小等)就可以了。

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

      文字

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

      文字

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

      文字

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

梦幻诛仙VIP激活码《梦幻诛仙》“巨龙觉醒”今日登陆体验服梦幻诛仙新手卡 - 明白你的心 - 梦珠激活码80001413500000

 

      文字

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

      文字

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

      文字

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

      文字

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

      文字

 

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

 

      文字

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临

在这里输入文字

 

 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临 

日志边框代码 - 笑对人生 - 笑对人生欢迎您的光临 

这里写自己日志 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

第一组:音乐日志边框
  http://data1.flash.qq.com/0/0/797/33-1227878661.swf(上)
  http://data1.flash.qq.com/0/0/797/35-1227878734.swf(中)
  http://data1.flash.qq.com/0/0/797/37-1227878875.swf(下)
  第二组:古典日志边框
  http://data1.flash.qq.com/0/0/797/162-1227921791.swf
  http://data1.flash.qq.com/0/0/797/529-1228011807.swf
  http://data1.flash.qq.com/0/0/797/164-1227921906.swf
  第三组:红砖日志边框
  http://data1.flash.qq.com/0/0/797/531-1228011893.swf
  http://data1.flash.qq.com/0/0/797/535-1228012547.swf
  http://data1.flash.qq.com/0/0/797/532-1228011973.swf
  第四组:蝴蝶日志边框
  http://data1.flash.qq.com/0/0/800/5-1228557536.swf
  http://data1.flash.qq.com/0/0/800/6-1228557589.swf
  http://data1.flash.qq.com/0/0/800/7-1228557633.swf
  第五组:古典美女边框
  http://data1.flash.qq.com/0/0/803/789-1229337950.swf
  http://data1.flash.qq.com/0/0/803/791-1229338018.swf
  http://data1.flash.qq.com/0/0/804/250-1229421665.swf
  第六组:紫色日志边框
  http://data1.flash.qq.com/0/0/824/407-1234153695.swf
  http://data1.flash.qq.com/0/0/824/410-1234153781.swf
  http://data1.flash.qq.com/0/0/824/412-1234153825.swf
  第七组:蓝色日志边框
  http://data1.flash.qq.com/0/0/856/37-1241434126.swf
  http://data1.flash.qq.com/0/0/856/39-1241434209.swf
  http://data1.flash.qq.com/0/0/856/41-1241434263.swf
  第八组:心形日志边框
  http://data1.flash.qq.com/0/0/828/813-1235102019.swf
  http://data1.flash.qq.com/0/0/828/814-1235102077.swf
  http://data1.flash.qq.com/0/0/828/815-1235102128.swf
  第九组:花边日志边框
  http://data1.flash.qq.com/0/0/828/810-1235101865.swf
  http://data1.flash.qq.com/0/0/828/811-1235101914.swf
  http://data1.flash.qq.com/0/0/828/812-1235101963.swf
  第十组:红色美女蜡烛边框
  http://data1.flash.qq.com/0/0/855/675-1241322385.swf
  http://data1.flash.qq.com/0/0/852/990-1240404155.swf
  http://data1.flash.qq.com/0/0/855/677-1241322553.swf
  第十一组:红心边框
  http://data1.flash.qq.com/0/0/856/34-1241433906.swf
  http://data1.flash.qq.com/0/0/856/35-1241433983.swf
  http://096.down.flashyc.com/swf/2009-5-13/203214330.swf
  第十二组:转动边框
  http://data1.flash.qq.com/0/0/855/615-1241306040.swf
  http://data1.flash.qq.com/0/0/855/616-1241306089.swf
  http://data1.flash.qq.com/0/0/855/618-1241306138.swf
  第十三组:闪动边框
  http://123.play.flashyc.com//swf/2009-5-13/203333238.swf
  http://123.play.flashyc.com//swf/2009-5-13/203436995.swf
  http://123.play.flashyc.com//swf/2009-5-13/203521810.swf
  第十四组:变色边框
  http://123.play.flashyc.com//swf/2009-5-13/203657558.swf
  http://096.down.flashyc.com/swf/2009-5-13/203842985.swf
  http://096.down.flashyc.com/swf/2009-5-13/204035511.swf
  第十五组:耦合蓝色边框
  http://data1.flash.qq.com/0/0/854/987-1241088576.swf
  http://data1.flash.qq.com/0/0/854/989-1241088696.swf
  http://data1.flash.qq.com/0/0/854/991-1241088768.swf
  紫色闪动边框
  http://www.photo.ccoo.cn/bbs/2009331/20093311554016.swf
  http://www.photo.ccoo.cn/bbs/2009331/200933115550510.swf
  http://www.photo.ccoo.cn/bbs/2009331/200933115553223.swf
  蓝色蕾丝花边边框
  http://www.photo.ccoo.cn/bbs/2009318/200931820012454.swf
  http://www.photo.ccoo.cn/bbs/2009318/200931819565871.swf
  http://www.photo.ccoo.cn/bbs/2009318/200931820500555.swf
  蓝色花文边框
  http://www.photo.ccoo.cn/bbs/2009227/200922710353292.swf
  http://www.photo.ccoo.cn/bbs/2009227/200922710361175.swf
  http://www.photo.ccoo.cn/bbs/2009227/200922710365568.swf
  蓝色小花边框
  http://www.photo.ccoo.cn/bbs/2009223/200922321473067.swf
  http://www.photo.ccoo.cn/bbs/2009223/200922321250120.swf
  http://www.photo.ccoo.cn/bbs/2009223/200922321253581.swf
  兰色的蔷薇花边框
  http://www.photo.ccoo.cn/bbs/2009222/200922220032373.swf
  http://www.photo.ccoo.cn/bbs/2009222/200922220035546.swf
  http://www.photo.ccoo.cn/bbs/2009222/20092222004220.swf
  绿色日志边框
  http://podmedia.imhb.cn/uploadpodmedia/2009/3/22/20090322114806_43259.swf
  http://podmedia.imhb.cn/uploadpodmedia/2009/3/22/20090322142222_33408.swf
  http://podmedia.imhb.cn/uploadpodmedia/2009/3/22/20090322142424_79106.swf
  木质日志边框
  http://podmedia.imhb.cn/uploadpodmedia/2009/3/22/20090322142626_51716.swf
  http://podmedia.imhb.cn/uploadpodmedia/2009/3/22/20090322142828_46239.swf
  http://podmedia.imhb.cn/uploadpodmedia/2009/3/22/20090322143004_29562.swf
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

日志文字

 

把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片,而且文本框的大小可以随意调整。

<DIV align=center style=' color: #990099; background-color:#FFFFE0; border: solid 2px black; width: 470px; height: 180px; overflow: scroll; scrollbar-face-color: #ffc0cb; scrollbar-shadow-color: #ffb6c1; scrollbar-highlight-color: #98fb98; scrollbar-3dlight-color: #ffb6c1; scrollbar-darkshadow-color: #90ee90; scrollbar-track-color: #ffdead; scrollbar-arrow-color: #f5deb3; '>日志文字</DIV>

代码实现的文本框是浅黄色的背景,粗略效果如文本框内所示。

(注释:附语法语句的解释:

//层开始标记,对中对齐: <DIV align=center //样式如下: : style=' //前景色为#ffffff : color: #ffffff; //背景色为#000000 : background-color: #000000; //边框为2像素,黑色 : border: solid 2px black; //宽度120像素 : width: 120px; //高度200像素 : height: 200px; //超出范围时使用滚动条 : overflow: scroll; //滚动条的各个颜色如下 : scrollbar-face-color: #889B9F; : scrollbar-shadow-color: #3D5054; : scrollbar-highlight-color: #C3D6DA; : scrollbar-3dlight-color: #3D5054; : scrollbar-darkshadow-color: #85989C; : scrollbar-track-color: #95A6AA; : scrollbar-arrow-color: #FFD6DA; //在这个层中显示文字“日志文字”,层结束标志 : '>日志文字</DIV>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

★彩色边框代码★

日志文字
文字

显示的效果是背景色为桃色的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdab9。

文字

效果如框内,是带背景色(熏衣草色)的简单双线框。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

精美的边框代码


 
 

文章标题


添加文字

 

日志边框代码及效果图 - 小草 - 龙游太空

 

闲庭信步的空间欢迎您!


  

 


代码:

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004820174652721.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV align=center>
<TABLE style="WIDTH: 616px; HEIGHT: 32px" borderColor=#aa9955 cellSpacing=2 cellPadding=3 width=616 bgColor=#000000 border=10>
<TBODY>
<TR>
<TD></FONT></STRONG></FONT>
<P></P><SPAN style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"><FONT color=#0000ff>
<P align=center><STRONG><FONT color=#7fff00 size=5></FONT></STRONG></P></FONT>
<P align=center><FONT face=隶书 color=#dc143c size=6>文章标题</FONT></P><FONT color=#0000ff><FONT face=黑体 color=#f0ffff size=5>
<DIV align=left>
<DIV style="FONT-SIZE: 12px" align=center><BR></DIV></DIV>
<P></P></FONT></FONT><FONT face=隶书 color=#00ff00 size=5>添加文字</FONT>
<P></P>
<P><FONT color=#00ff00 size=5></FONT>&nbsp;</P><FONT color=#00ff00 size=5>
<P style="TEXT-INDENT: 2em" align=center><IMG src="http://yuchen0810.anyp.cn/PageLayout/UserData/Data345/USID200501081658481050/Articles/Images/050216054714109.gif" border=0></P></FONT><FONT color=#00ff00 size=5></FONT>
<P><FONT color=#00ff00 size=5></FONT>&nbsp;</P>
<P>
<TABLE height=373 width=550 align=center border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://lijunl.anyp.cn/PageLayout/UserDataA/Data18/USID200403181855567411/Articles/Images/050201074417218.swf width=550 height=370 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" ><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf width=350 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" ><EMBED align=right src=http://imgfree.21cn.com/free/flash/29.swf width=350 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" ></TD></TR></TBODY></TABLE></P><FONT color=#00ff00 size=5>
<P align=center>
<MARQUEE style="WIDTH: 409px; HEIGHT: 40px" scrollAmount=2 behavior=alternate width=409>
<P align=center><FONT color=#32cd32 size=6><STRONG>闲庭信步的空间欢迎您!</STRONG></FONT></P></MARQUEE></P></FONT></SPAN></TD></TR></TBODY></TABLE></DIV>
<DIV></DIV>
<DIV align=left>
<DIV style="FONT-SIZE: 12px">&nbsp;<FONT face=隶书 color=#00ced1 size=5><BR>&nbsp;&nbsp; <BR><BR>
<P align=center><STRONG><FONT face=楷体_GB2312 color=#f0ffff size=4></FONT></STRONG></P>
<P align=center><FONT face=楷体_GB2312 color=#f0ffff size=4></FONT></P><FONT size=4>
<P align=center><FONT face=楷体_GB2312 color=#f0ffff></FONT></P>
<P align=center><FONT face=楷体_GB2312 color=#0000ff></FONT>&nbsp;</P></FONT></FONT><FONT color=#0000ff><FONT face=黑体 color=#f0ffff size=5></FONT></FONT></DIV></DIV>
<CENTER>
<CENTER></FONT></FONT></SPAN></CENTER></CENTER></TD></TR></TBODY></TABLE>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~




引文来源  日志边框代码及效果图 - 小草
  评论这张
 
阅读(9)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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