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

寒情博客

http://8-com.blog.163.com

 
 
 

日志

 
 

博客公告栏制作方法与代码  

2010-06-27 16:54:01|  分类: 〓博客教程〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
一:简单公告栏

<--------公告内容------->

代 码 如 下

<MARQUEE scrollAmount=2 direction=right width="100%" height=20><FONT face=宋体 color=#ff0000 size=3>&lt;--------公告内容-------&gt;</FONT></MARQUEE>


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

更多的文字移动方式请参照——> 〓移动文字全都汇〓



二:颜色背景公告栏

<--------公告内容------->

代 码 如 下

<MARQUEE style="BACKGROUND-COLOR: #ffff00" scrollAmount=2 direction=right width="100%" height=20><FONT face=宋体 color=#ff0000 size=3>&lt;--------公告内容-------&gt;</FONT></MARQUEE>


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

具体的颜色设置请参照——>〓HTML颜色代码表〓



三:无名表格公告栏

公 告 栏
<--------公告内容------->


代 码 如 下

<FIELDSET style="WIDTH: 300px" align=center><LEGEND align=center><FONT size=4><EM><FONT color=#fff000><STRONG>公 告 栏 </STRONG></FONT></EM></FONT></A></STRONG></FONT></EM></FONT></LEGEND><MARQUEE scrollAmount=2 direction=UP width="100%"  height=50><div align=center><FONT face=宋体 color=#ff0000 size=3> &lt;--------公告内容-------&gt;</FONT></MARQUEE></div></FIELDSET>


代码说明:style="WIDTH: 300px"为无名表格宽度 height=50 移动高度

更多无名表格制作样式请参照——>〓无名表格的制作效果与代码〓



四:图片背景公告栏

公告内容


代 码 如 下

<CENTER>
<TABLE height=198 cellSpacing=5 width=397 background=http://www.qqbye.com/line/UploadFiles_8566/200808/2008081103580662.jpg border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 direction=up width="100%" height=170> <DIV align=center>公告内容</DIV></FONT></MARQUEE></TD></TR></TBODY></TABLE></CENTER>


代码说明:粉色部份代码为图片地址 height=198  width=397 为公告栏图片高度与宽度

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

如何查找图片地址与大小请参照——>〓一分钟学会查找图片地址〓



五:图片既定范围公告栏

公告内容


代 码 如 下

<CENTER>
<TABLE height=222 cellSpacing=1 width=205 background=http://img.blog.163.com/photo/ovMF7eSaM5KNxTTKesNGHA==/2008886908784302179.jpg border=0>
<TBODY>
<TR>
<TD height=100></TD></TR><TR><TD height=122>
<DIV align=center><MARQUEE scrollAmount=2 direction=up width=100 height=65>公告内容</FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE></CENTER>


代码说明:粉色部份代码为图片地址 height=222 width=205 为公告栏图片高度与宽度

<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://up.flashline.cn/flash/1277456723.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>寒风吹不尽<BR>情遥无所托<BR>阁下圆君梦<BR>家落寒情阁</FONT></STRONG></DIV></FONT></MARQUEE></TD></TR></TBODY></TABLE>


代码说明: http://up.flashline.cn/flash/1277456723.swf   为FLASH地址,

width=450 height=280 为FLASH的高度与宽度值

更详尽制作方法请参照——>〓如何在FLASH上添加移动文字〓



七:FLASH跑马灯公告栏



代 码 如 下

<EMBED style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.blog286.com/upfile/flash/081218/merry9.swf width=250 height=60 type=application/x-shockwave-flash FlashVars="txt=公告内容------" quality="high" wmode="transparent>


代码说明:http://www.blog286.com/upfile/flash/081218/merry9.swf  跑马灯FLASH地址

width=250 height=60 FLASH宽度与高度

更多跑马灯素材请点击选取——>〓FLASH跑马灯素材〓



八:FLASH公告栏



代 码 如 下

<EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://820.88218.com/802/805.swf?color=000000&txt=公告文字 width=220 height=210 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent>


代码说明:color=000000 公告文字颜色 width=200 height=2100 FLASH宽度与高度

更多FLASH公告栏素材请点击选取——>〓十款FLASH公告栏(可自定义文字)〓


·绝色·边框(寒情编制) - 寒情 - 8-com.blog.163.com

Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 博客时钟自己做 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 教你不用软件·轻松截图
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 如何上传Flash(swf)文件到博客 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 一分钟学会查找音乐地址
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 滚动条框制作方法与代码 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 日志图文排列样式与代码
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 一分钟学会查找FLASH动画地址 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 如何给日志做封面
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 如何制作日志边框 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 幻灯片导航制作与代码
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 无间隙滚动+特效代码应用 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 移动文字全都汇
Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 博客基本代碼解讀大全 Photoshop CS2 v9.0(安装图解) - 寒情 - 8-com.blog.163.com 如何运用代码做边框
博客技巧 电脑学堂 素材基地 清明上河图版本大全 - 寒情 - 8-com 的博客 软件学院 音画视听 精彩图酷
博客代码 书画艺术 游戏大厅 精美边框 顶栏模版 时钟超市
flash素材 影音素材 查看关于本站的更多信息搏客顶栏动态图片(一) - Q仔 - Q仔*网易博客 经典摘录 收藏本站
如果你喜欢此日志,请点击日志左下方的“推荐”,
让大家分享,也算是对寒情的支持,谢谢!
  评论这张
 
阅读(4939)| 评论(9)
推荐 转载

历史上的今天

评论

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

页脚

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