磨坊

生活、童話、音樂、囈語
個人資料
正文

【如何在圖片背景右側添加文字】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)
    評論
    目前還沒有任何評論
    登錄後才可評論.