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

寒情博客

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

 
 
 

日志

 
 

公告栏文字定位方法与代码  

2010-06-27 18:50:34|  分类: 〓博客教程〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
一:花边公告栏图片应用


公告内容


代 码 如 下

<CENTER>
<TABLE height=217 cellSpacing=35  width=240 background=http://img.blog.163.com/photo/c1l7s2zCpq_pp2c821khuA==/5394749403636662690.jpg border=0>
<TBODY>
<TR>
<TD><BR>
<MARQUEE scrollAmount=2 direction=up width="100%"  height=100>
<DIV align=center>公告内容 </FONT></DIV></MARQUEE>
</TD></TR></TBODY></TABLE></CENTER>


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

cellSpacing=35为文字与边线距离,根据图片花边宽度调整  width="100%" height=100为移动范围

由于图片上沿花边比下沿宽所以使用<BR>使得移动内容向下一行,

scrollAmount=2 为移动速度 direction=up 为移动方向

 更详尽的文字移动制作请参照——>〓移动文字全都汇〓



二:上图下框公告栏图片应用

公告内容


代 码 如 下

<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>为下半部栏位高度值 根据实际图片调整

如果图片为上框下图,我们就把两格代码对调,也就是绿色代码与蓝色代码换位

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



三:左图右框公告栏图片应用

公告内容


代 码 如 下

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


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

<TD width=100>为图片左半部宽度值<TD width=122>为右半部栏位宽度值 根据实际图片调整

如果图片为左框右图,我们就把两格代码对调,也就是绿色代码与蓝色代码换位

更多的公告栏样式请参照——>〓博客公告栏制作方法与代码〓


下面提供几框漂亮的公告栏素材
公告栏图片应用与代码 - 寒情 - 寒情博客      公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客   公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

 公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客   公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

 公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

公告栏图片应用与代码 - 寒情 - 寒情博客     公告栏图片应用与代码 - 寒情 - 寒情博客

·绝色·边框(寒情编制) - 寒情 - 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仔*网易博客 经典摘录 收藏本站
如果你喜欢此日志,请点击日志左下方的“推荐”,
让大家分享,也算是对
寒情的支持,谢谢!
  评论这张
 
阅读(3615)| 评论(1)
推荐 转载

历史上的今天

评论

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

页脚

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