(原创)博客公告栏安装方法
三月飞春雪
一,供您选择的例图
**********************************************************
二,使用方法
1,先看看本博首页使用实例效果:
|
2,如何使用?
(1)将下面代码通过鼠标左键拖色罩选后,复制粘贴到你的博客(编辑状态下)首页的新建自定义摸快中(起名并保存):
**********************************************************
代码:
**********************************************************
(2)将你选定的公告栏的地址(在所选图片上点鼠标右键,再点菜单中的属性——出现公告栏图片地址)复制图片地址后替换粘贴在上述代码中的红色部分位子上。
(3)再将上述代码中的绿色文字换成你要表述的内容文字。如文字行字数过长,需转行时,请在转行处加转行符<br>。
(4)调整图片和文字整体大小:第一行紫色代码height=219 width=280是图片规格(width=图片宽度height=图片高度。第5,6行紫色代码:
width=270 height=210 WIDTH: 201px; HEIGHT: 124px width=201 height=124是关联文字范围规格。(注意:图片大小的调整一定要适合原图片大小(因你选用的本篇图片规格上传后已具有了固定的大小),否则,显示的图片范围可能是图片的一部分或图片连续显示的多个部分。
(7)文字前面的“color="#FF00FF”是字体颜色设定:color=选定的颜色编码:
选择颜色编码清点击这里
本人整理的第二组公告栏安装代码(更便于您理解):
<CENTER>
<TABLE cellSpacing=1
width=280 background=
http://img.blog.163.com/photo/Kt9E6cEFsUFM8rddBSDcuA==/439945388601147011.jpg height=219>
<TBODY>
<TR>
<TD
height=219 width=280>
<DIV>
<MARQUEE direction=up
height=152 width=280 scrollAmount=1 scrollDelay=60><FONT color=red><B>
<CENTER>
本博公告</CENTER></B></FONT><BR><BR><FONT
color=#003366>
<CENTER>
欢迎您的光临!!!</CENTER></FONT><BR><FONT
color=#ff00ff>
<CENTER>
本博域名:<BR>http://wyp-790116.blog.163.com/ </CENTER></FONT><FONT
color=#ff0000><B>
<CENTER>
免责声明</CENTER></B></FONT><BR><FONT
color=#003366>
<CENTER>
本博资料部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!</CENTER></FONT><BR><BR><FONT
color=#ff0000><B>
<CENTER>
感谢您的支持!如果您对本博有好的意见或建议,请您留言或用以下方式和我联系: </CENTER></FONT><BR><FONT
color=#ff0000><A href="
mailto:l"></A><BR>
<CENTER>
本人邮箱:<A href="
mailto:wyp-790116@163.com">wyp-790116@163.com</A></CENTER></FONT></FONT></FONT>
<CENTER></CENTER></MARQUEE></DIV></TD></TR></TBODY></TABLE></CENTER>
上面代码的使用注解:
(1)width=280 height=219:图片原大小。
(2)height=219 width=280:图片区域显示大小限定(如果取消该限定,图片将连续将并列显示多个)
(3)height=152 width=280:height=152 可设定上行文字在图片上的起显高度:width=280决定文字居于图片宽度中的位置(如此宽度与:“width=280 height=219:图片原大小”中的“width=280”数值不等,则文字不能居中上行)。
(4)http://img.blog.163.com/photo/Kt9E6cEFsUFM8rddBSDcuA==/439945388601147011.jpg (图片地址)。
(5)“本博公告......”文字区。
(6):wyp-790116@163.com">wyp-790116@163.com(邮箱地址)。
(7)“color=#003366”等等(文字颜色)
第二组代码使用效果如下:
|
介绍不分行列的另例代码实效如下
|
<TABLE height=219 cellSpacing=1 width=228 background=http://img.blog.163.com/photo/0peUEItStAJCCLjq0NJ42w==/1979613511206401210.jpg>
<TBODY>
<TR>
<TD width=220 height=210>
<MARQUEE style="WIDTH: 201px; HEIGHT: 124px" scrollAmount=2 direction=up width=201 height=124>
<P align=center>本博资料部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!<。
</P></MARQUEE></TD></TR></TBODY></TABLE>
评论