  
 
为了让自已的日志更加美观,可以为日志添加标题框。具体做法如下;
在日志编辑状态下,粘贴标题框代码 ,然后把代码中“标题文字”改成你的日志的标题,然后再把“源代码”前的勾取消,就可以看到该题框了。效果如本篇日志的标题。如果对该图框不是很满意,可以选择以下标题素材:把代码中的红色网址换成令你满意的图框的地址就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>
 
代碼
<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>
 
【 精美标题框素材及代码】
1、http://image81.360doc.com/DownloadImg/2015/01/2610/49491871_5.gif

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

|