磨坊

生活、童话、音乐、呓语
个人资料
正文

【如何在图片背景右侧添加文字】by Autumn

(2007-02-18 22:29:54) 下一个


  • 左右定位:
    在底图上左右定位有很多方法,最笨的办法是加空格儿,不过一行两行还成,多了谁受得了。另一种就是设定table cell --[td],按照估算给出宽度基本就搞定了。如果你懂一些HTML的话,这就简单多了。其中一种可以由以下方式实现:

    [table width="背景宽度" height="背景高度" background="图片url"]
      [tr][td width=50%] [/td]  //这样就把左侧的一半空过去了
      [td width=50% valign=bottom]文字介绍[br]
      ...[br]
      播放曲目:[br]
      1.[br]
      2.[br]
      3.[br]
      ...[br]

      播放器[br]
      [/td][/tr]
    [/table] // ------大功告成!

    图示:
     here we go
    1.
    2.
    3.
    ...


    上面是说的左右定位方法的一种,除此之外还可以内镶table并以参数align来定义版块位置,做法是:

    [table width="背景宽度" height="背景高度" background="图片url"]
      [tr][td width=100% align=right] //align=right 迫使下面的内容向右侧靠拢
        [table width="版块宽度" height="版块高度" background="图片url"]
          [tr][td] 文字介绍[br]
          ...[br]
          播放曲目:[br]
          1.[br]
          2.[br]
          3.[br]
          ...[br]
          播放器[br]
          [/td][/tr]
        [/table]
      [/td][/tr]
    [/table]
    图示:
    Here we go
    1.
    2.
    3.
    ...


  • 上下定位:
    上下定位也可以通过加空行来实现,当然这也是比较笨的办法。另一种是通过设定valign参数来定义顶端、中部或底端。(注意:这个参数好像只能在table中使用)

    以前面给出的code为例,曲目和播放器要放在图面的底端,所以定义valign=bottom,若要放在顶端就要设定valign=top,valign=middle则设定居中

    图示I:
     here we go
    1.
    2.
    3.
    ...


    图示II:
    Here we go
    1.
    2.
    3.
    ...


    整理:Autumn 12/11/2006
  •  
    [ 打印 ]
    阅读 ()评论 (0)
    评论
    目前还没有任何评论
    登录后才可评论.