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

清泉的博客

开阔视野,让心飞扬!!

 
 
 

日志

 
 

【转载】博客公告栏制作及代码  

2014-05-07 17:02:42|  分类: 【博客代码】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自蓝色妖姬《博客公告栏制作及代码》

博客公告栏制作及代码

 

 点击图片即可进入蓝色妖姬博客

一:简单公告栏

朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!

代 码 如 下

<MARQUEE scrollAmount=2 direction=right width=400 height=20><FONT face=宋体 color=#ff0000 size=4>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></MARQUEE>

代码说明:

scrollAmount=2 为移动速度 direction=right 移动方向  width="100%" height=20 移动范围

 

二:颜色背景公告栏

 

朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!

代 码 如 下

<MARQUEE style="BACKGROUND-COLOR: #ffff00" scrollAmount=2 direction=right width="50%" height=20><FONT face=宋体 color=#ff0000 size=4>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></MARQUEE>

代码说明:

style="BACKGROUND-COLOR: #ffff00"为公告栏背景颜色
 

三:图片背景公告栏

 

朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!

代 码 如 下

<TABLE height=400 cellSpacing=1 width=550 align=center background=http://img845.ph.126.net/1nydyJ6yLVwOrAPl1GX3yw==/910853024636179905.jpg border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 direction=up width="100%" height=300>
<DIV align=center><FONT color=#00ff00 size=4>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></DIV></MARQUEE></TD></TR></TBODY></TABLE>

代码说明:

粉色部份为图片地址 height=400  width=550 为公告栏图片高度与宽度

cellSpacing=1为文字与边线距离  width="100%" height=300为移动范围

 

四、图片既定范围公告栏

 

朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!
 

代 码 如 下

<CENTER>
<TABLE height=400 cellSpacing=1 width=500 background=http://img851.ph.126.net/WtK506zbm3--TXg9Z0Ru7Q==/587719751372279360.jpg border=0>
<TBODY>
<TR>
<TD height=100></TD></TR><TR><TD height=122>
<DIV align=center><MARQUEE scrollAmount=2 direction=up width=400 height=300>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE></CENTER>

代码说明:

粉色部份代码为图片地址 height=400 width=500为公告栏图片高度与宽度

<TD height=100>为图片上半部高度值
<TD height=122>
为下半部栏位高度值 根据实际图片调整

 

五、FLASH背景公告栏

 


   
朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!

代 码 如 下

<TABLE  cellPadding=0 width=450 align=center border=0>
<TBODY>
<TR>
<TD align=middle><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://www.hawh.cn/admin/upload_file/file/2008-11/1226764167640.swf width=450 height=280 type=application/x-shockwave-flash wmode="transparent" invokeURLs="false" allowScriptAccess="never" allowNetworking="internal"></EMBED><MARQUEE style="WIDTH: 450px; HEIGHT: 280px" scrollAmount=2 direction=right align="center"><BR>&nbsp;&nbsp;&nbsp;
<DIV style="WIDTH: 300px; WRITING-MODE: tb-rl">
<STRONG><FONT color=#008000 size=5>朋友是人生路上最美丽的景色,蓝色妖姬欢迎您的到来!</FONT></STRONG></DIV></FONT></MARQUEE></TD></TR></TBODY></TABLE>

代码说明:

http://www.hawh.cn/admin/upload_file/file/2008-11/1226764167640.swf 为FLASH地址, width=450 height=280 为FLASH的高度与宽度值

 

更多的博客制作代码点击欣赏...

 

 

 点击图片即可进入蓝色妖姬博客

 

 

 点击图片即可进入蓝色妖姬博客

 

 

 点击图片即可进入蓝色妖姬博客

 

 点击图片即可进入蓝色妖姬博客

  评论这张
 
阅读(30)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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