分享

如何为日志添加精美标题框【附标题框及代码】

2015-01-26  昵称5616265

如何为日志添加精美标题框 - 天使 - Heaven的博客如何为日志添加精美标题框 - 天使 - Heaven的博客如何为日志添加精美标题框 - 天使 - Heaven的博客

      如何为日志添加精美标题框

FLASH定位代碼【绝对定位】 - 天使 - Heaven的博客FLASH定位代碼【绝对定位】 - 天使 - Heaven的博客

为了让自已的日志更加美观,可以为日志添加标题框。具体做法如下;

           在日志编辑状态下,粘贴标题框代码 ,然后把代码中“标题文字”改成你的日志的标题,然后再把“源代码”前的勾取消,就可以看到该题框了。效果如本篇日志的标题。如果对该图框不是很满意,可以选择以下标题素材:把代码中的红色网址换成令你满意的图框的地址就OK了。

    代碼
<TABLE cellSpacing=0 cellPadding=5 align=center height=70 width=437
background=
/attachments/2010/10/312_201010011133241DrNA.gif border=0>
<TBODY>
<TR>
<TD align=center><font color=#0000ff size=5><b>
这里写你的标题文字</b></font></TD></TR></TBODY></TABLE
>

FLASH定位代碼【绝对定位】 - 天使 - Heaven的博客FLASH定位代碼【绝对定位】 - 天使 - Heaven的博客
  

 代碼

<TABLE cellSpacing=0 cellPadding=5 align=center height=70 width=437
background=
/attachments/2010/10/312_201010011133241DrNA.gif border=0>
<TBODY>http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_13.jpg

<TR>
<TD align=center><font color=#0000ff size=5><b>
标题文字</b></font></TD></TR></TBODY></TABLE>

FLASH定位代碼【绝对定位】 - 天使 - Heaven的博客FLASH定位代碼【绝对定位】 - 天使 - Heaven的博客

【 精美标题框素材及代码】

1、http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_5.gif

如何为日志添加精美标题框 - 天使 - Heaven的博客

2、http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_6.gif

如何为日志添加精美标题框 - 天使 - Heaven的博客

3、http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_7.gif

如何为日志添加精美标题框 - 天使 - Heaven的博客

4、http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_8.gif

如何为日志添加精美标题框 - 天使 - Heaven的博客

5、http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_9.gif

如何为日志添加精美标题框 - 天使 - Heaven的博客

6、http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_10.gif

如何为日志添加精美标题框 - 天使 - Heaven的博客

7、http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_11.gif

如何为日志添加精美标题框 - 天使 - Heaven的博客

8   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_12.jpg

如何为日志添加精美标题框 - 天使 - Heaven的博客

9    http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_13.jpg

如何为日志添加精美标题框 - 天使 - Heaven的博客

10   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_14.jpg

如何为日志添加精美标题框 - 天使 - Heaven的博客

11  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_15.jpg

如何给文章标题添加漂亮的图片

12    http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_16.jpg

如何为日志添加精美标题框 - 天使 - Heaven的博客

13  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_17.jpg

如何给文章标题添加漂亮的图片

14  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_18.jpg

如何给文章标题添加漂亮的图片

15  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_19.jpg

如何为日志添加精美标题框 - 天使 - Heaven的博客

16  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_20.jpg

如何为日志添加精美标题框 - 天使 - Heaven的博客

17  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_21.jpg

如何给文章标题添加漂亮的图片

18  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_22.jpg

如何给文章标题添加漂亮的图片

19  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_23.jpg

如何给文章标题添加漂亮的图片

20  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_24.jpg

漂 亮 的 标 题 框
      21  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_25.jpg

如何为日志添加精美标题框 - 天使 - Heaven的博客

22   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_26.jpg

漂亮精美的标题栏

23  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_27.jpg

漂亮精美的标题栏

24  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_28.jpg

漂亮精美的标题栏

25  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_29.jpg

漂亮精美的标题栏

26  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_30.jpg

漂亮精美的标题栏

27  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_31.jpg

漂亮精美的标题栏

28   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_32.jpg

漂亮精美的标题栏 -

29   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_33.jpg

漂亮精美的标题栏

30   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_34.jpg

漂亮精美的标题栏

31  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_35.jpg

漂亮精美的标题栏

32  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_36.jpg

漂亮精美的标题栏

33   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_37.jpg

漂亮精美的标题栏

34  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_38.jpg

漂亮精美的标题栏

35   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_39.jpg

漂亮精美的标题栏

36  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_40.jpg

漂亮精美的标题栏

37   http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_41.jpg

漂亮精美的标题栏

38  http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_42.jpg

漂亮精美的标题栏 筆

 

FLASH定位代碼【绝对定位】 - 天使 - Heaven的博客FLASH定位代碼【绝对定位】 - 天使 - Heaven的博客

 

说明:我看有些朋友使用这个效果的时候有些问题,现在在这里再做一下说明:

使用的图片必须知道尺寸,可以用两种方法,一种是右键点击图片,在属性中可以看到图片的尺寸;另一种是将图片先下载到本机中鼠标经过时就可以看到了。然后在代码中输入图片的高度和宽度(width为宽,height为高),找到后将我代码后面的数值(我使用图片的尺寸)修改为你使用的图片实际尺寸,这样才能全部完整显示图片,很美观,不然图片不完整给人的感觉不漂亮。

 

 天使 - Heaven的博客

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 全屏 打印 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多