灵's profile关灵的树洞PhotosBlogListsMore Tools Help

Blog


    August 27

    添加日志背景图

    引用自寂语堂

    日志加背景图的代码

          MSN 能量魔法的"背景图片生成器"用不了了,我把制作背景图片的代码贴出来,大家最好保存到记事本里,方便以后用:

      新版背景代码:(<table>方法)


    <table background="图片地址" width="100%" height="高度" cellSpacing=0 cellPadding=0 border=0>
    <tbody>
    <tr>
    <td valign=top>日志文字
    </td>
    </tr>
    </tbody>
    </table>

          代码中,白底红字的部分是需要修改的,图片地址不用说了吧?高度,可以改成  100%  ,也可以改成以px为单位的值,即:400px ,500px ……等等。

      旧版版背景代码:( <DIV> 方法)


    <DIV style="WIDTH: 日志宽度px" align=center>
    <DIV style="WIDTH: 100%">
    <IMG height=图片高度 src="图片地址" width=图片宽度 align=right>
    <DIV style="FLOAT: left; WIDTH: 文字内容的宽度px; HEIGHT: 文字内容的高度px" align=left>
    日志文字
    </DIV></DIV></DIV>

          代码中,白底红字的部分是需要修改的,

    • 首先,第一个日志宽度,不知道自己日志宽度的参考下面这个图(用宽度为558的朋友注意,在中文和英文下,日志宽度会略有不同):
    • <IMG>标签中的图片宽度理论上自定的,但如果图片太大了,就要把宽度设小一点,小于日志宽度就可以了,同时,高度也要按比例放小,想要做得精确点,拿计算器算吧,不需要精确的话,写个差不多的数就行,图片地址不说了。
    • 文字的宽度还是不要大于日志的宽度,文字高度自定

          两种方法到底用哪个?依情况而定,如果你选择的背景图的宽度小于你的日志宽度,推荐用<table>的方法,方便;如果背景图宽度大于你的日志宽度,建议用第2种方法,否则用table的话,你的背景图显示不全。其他的注意事项,大家慢慢摸索吧。



    ——原创<MSN 能量魔法>


    我的星星背景

          好多朋友问我,“你的星星背景是怎么弄的?”其实这个代码已经出来好长时间了,介绍给感兴趣的朋友,做法如下:

    • 新建一篇日志,什么都不要写,直接进入代码,并且删掉原有的<DIV></DIV>
    • 复制如下代码到里面:

      <PRE></TABLE></TABLE><TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 background="http://bbs.xxjy.net/mtk/bj/001.gif" border=0><TBODY><TR><TD>
      <DIV><TABLE></PRE>

      代码中,白底红字的部分是可以修改的,http://bbs.xxjy.net/mtk/bj/001.gif 这个地址是我的星星背景的图片地址,换成你喜欢的背景图片即可
    • 然后不要点预览,也不要再点一下<HTML>,直接在代码状态下发布日志,就可以了。

          看到了吗?你的首篇日志下面所有的日志都有了一样的背景,这段代码我是在梦想天堂那看到的,主要是利用代码的"不对称",我觉得其实是利用了SPACE的BUG,所以我不推荐大家使用,因为一旦使用,容易出现那种日志缺一半的现象,又要删除日志,日志里没别的东西倒还好说,有重要的东西的话,得不偿失。

          另外,在爬山虎那(代码的原始出处也应该是梦想天堂)看到了隐藏评论行的最终代码:


    </TD></TR>
    <DIV>
    <TABLE style="DISPLAY: none;" />

          用法一样,同样,也建议大家慎用

     


    为日志模块添加统一背景
    注意:实现这个效果要用的语法是利用<table>的错乱代码,所以如果没有特殊页面要求,还是不建议使用的,因为这个语法使用不当的话会另SPACE页面崩溃或者无法显示。关于这点的详细说明请见这里
     
     
    代码:
    <pre></table></table><table background="背景图片地址"><tr><td><div><table style="display:none"></pre>
     
    在日志里使用这个代码以后,此日志以下的所有日志的背景都变成和这个日志一样的背景。
     
    效果请见--这里--
     
    在这里你既可以用Jpeg的图片最背景,也可以用Gif的动态图片做背景,我这个例子就是用Gif图片做的背景,这类的图片很好找,这里介绍一个闪亮底纹的Gif图片素材,你可以从这里选择做背景。
     
    提示:使用此语言不当的话可能会导致空间出现问题,解决办法是删除这个有问题的日志。感谢爬山虎的代码总结

    Comments (6)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Mocha 马wrote:
    试验成功,非常感谢,背景图的大小在html和正常模式下来回转了几次调整,确实用计算器算了下,哈哈
    ¡Muchas gracias!
    May 22
    试了一下,还是不会
    July 28
    Picture of Anonymous
    烟★无罪 wrote:
    首先感谢楼主,教会我许多原来都不知道的!
    然后想问楼主两个问题:
    1,我将图片作为背景后,是分块的,好多个,不是一个,这个问题怎么解决?
    2,怎样将原来添加日志下的图片删除掉?
    望楼主不吝赐教,感激不尽~
    Dec. 7
    Picture of Anonymous
    独暄妍 wrote:
    确实大有学头.和我以前做背景,音乐不同.始终觉得西陆的背景和音乐好用.方便
    Oct. 13
    Picture of Anonymous
    黑魔法圣殿使者 wrote:
    好神傲啊~!!
    Sept. 23
    Picture of Anonymous
    榆钱_ wrote:
    背景图片可以是本地的不?
    Sept. 8

    Trackbacks (1)

    The trackback URL for this entry is:
    http://guanling.spaces.live.com/blog/cns!F166C7CC51C30A4E!668.trak
    Weblogs that reference this entry