维江님의 프로필ㄨ 鲫 鱼 汤 ㄨ사진블로그리스트기타 도구 도움말

    日志加背景图的代码


          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 能量魔法>


    댓글 (61개)

    잠시만 기다려 주세요...
    죄송합니다. 입력한 댓글이 너무 깁니다. 내용을 줄여 보세요.
    입력한 내용이 없습니다. 다시 시도해 보세요.
    죄송합니다. 지금은 댓글을 추가할 수 없습니다. 나중에 다시 시도해 보세요.
    댓글을 추가하려면 부모님의 사용 허락이 필요합니다. 허용 요청
    부모님이 댓글 기능을 해제한 상태입니다.
    죄송합니다. 지금은 댓글을 삭제할 수 없습니다. 나중에 다시 시도해 보세요.
    하루에 남길 수 있는 댓글의 최대 한도를 초과했습니다. 24시간 후에 다시 시도해 보세요.
    회원님의 계정은 다른 사용자에게 스팸 메일을 보낼 수 있다고 여겨지므로 댓글 기능이 비활성화되어 있습니다. 이 설정에 문제가 있다고 생각되면 Windows Live 지원에 문의하시기 바랍니다.
    댓글을 남기려면 아래 보안 검사를 완료해야 합니다.
    보안 검사에 입력한 글자는 그림 또는 오디오에 있는 글자와 일치해야 합니다.

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인


    Windows Live ID가 없으신가요? 등록

    10월 29일
    10월 23일
    8월 4일
    豆沙⑨馒头님이 남긴 글:
    thank you for your teachings
    2월 12일
    .χχ님이 남긴 글:
    a..搞不好也。
    8월 13일
    周皎님이 남긴 글:
    我发的图都会重复显示诶,他们的大小都一样,但有一张不会,可再次用这张时又是重复?
    还有我不会控制图的大小,希望整张图正好宽.怎么弄呀?
    求教
    6월 30일
    Bly님이 남긴 글:
    一直都用这个方法的,来谢过~~
    6월 8일
    vickie-yin님이 남긴 글:
      按照你说的那样做了,但是下面的发布项点不了 是怎么会事啊?谢谢罗
    5월 28일
    星儿님이 남긴 글:
    l谢谢高手,链接了啊~
    3월 16일
    12345님이 남긴 글:
    我用了新版 不错哈哈 谢谢
    3월 7일
    宗亦님이 남긴 글:
    为什么有时候贴在日志里的图过几天都变大叉了呀。。。好可惜啊
    2월 12일
    알 수 없음님의 사진
    天平男孩(飒飒) 님이 남긴 글:
    上面几为在HTML中修改好别忘了点下面的“发布项”三个字,不点就没效果,我开始就是这个毛病~~
    再感谢下楼主,你人真好啊~
    1월 24일
    알 수 없음님의 사진
    傻咩咩1 님이 남긴 글:
    为什么...
    我在编辑的时候看得到图片
    但预览时却看不到的
    而且那张图很小哦
    是400*337的
    可以帮我解解吗??
    1월 24일
    알 수 없음님의 사진
    修罗之吻 님이 남긴 글:
    还上弄不上去请教一下,谢谢
    12월 28일
    알 수 없음님의 사진
    修罗之吻 님이 남긴 글:
    还上弄不上去请教一下,谢谢
    12월 28일
    알 수 없음님의 사진
    修罗之吻 님이 남긴 글:
    还上弄不上去请教一下,谢谢
    12월 28일
    알 수 없음님의 사진
    えど★小不点ゐポ 님이 남긴 글:
    不懂也
    12월 12일
    알 수 없음님의 사진
    bluesun飘渺的梦 님이 남긴 글:
    <TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" background=http://t3.baidu.com/it/u=2793681636,3455756513&amp;gp=2.jpg border=0>
    <TBODY>
    <TR>
    <TD vAlign=top>日志文字
    </TD>
    </TR>
    </TBODY>
    </TABLE>
    我做出来的效果是这样的,为什么啊,怎么才能不重复显示啊?是哪儿里有问题吗?:)
    12월 8일
    알 수 없음님의 사진
    九尾狐dong 님이 남긴 글:
    做了你的链接,方便更多像我这样的菜鸟学习.呵呵~~
    12월 4일
    알 수 없음님의 사진
    一笑MAY 님이 남긴 글:
    我试了好几次,都不能显示整副的图片
    12월 2일

    트랙백(4)

    이 블로그의 트랙백 URL은 다음과 같습니다.
    http://king19120.spaces.live.com/blog/cns!29F140C794516526!3687.trak
    이 블로그를 참조하는 웹 로그