ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changes between Version 1 and Version 2 of pne-xhtmlcss/upgrade


Ignore:
Timestamp:
Jun 5, 2008, 7:50:38 PM (13 years ago)
Author:
kiwa
Comment:

#2642:画像を500pxに縮小

Legend:

Unmodified
Added
Removed
Modified
  • pne-xhtmlcss/upgrade

    v1 v2  
    3434=== シンプルなテーブルをつくる ===
    3535 [[Image(20080605_pc_page_h_home.png)]]
     36
    3637 シンプルなテーブルを作ります。[[br]]
    3738 wiki:pne-xhtmlcss/parts/1 にあるSimpleBoxのマークアップ例を参考にして、テンプレート挿入に以下のようなHTMLタグを挿入します。
     
    5152
    5253=== 画面を中央揃えにする ===
    53  [[Image(20080605_pc_page_h_home3.png, 500px)]]
     54 [[Image(20080605_pc_page_h_home3.png, 500)]]
     55
    5456 全体の表示を中央揃えにするには、カスタムCSSに以下のCSSを挿入します。
    5557{{{
     
    5961
    6062=== 背景を画像にする ===
    61  [[Image(20080605_pc_page_h_home2.png,500px)]]
     63 [[Image(20080605_pc_page_h_home2.png,500)]]
     64
    6265 背景を画像にするにはカスタムCSSに以下のCSSを挿入します。
    6366{{{
     
    6568}}}
    6669 これで背景が画像に変更されますが、このままではページの縦幅がウインドウより小さかった場合にページの下の方に画像が反映されていません。
    67  [[Image(20080605_pc_page_h_bookmark_list1.png,500px)]]
     70
     71 [[Image(20080605_pc_page_h_bookmark_list1.png,500)]]
     72
    6873 なので、カスタムCSSにもう1行追加します。
    6974{{{
     
    7277}}}
    7378 これで背景が全て画像に変更されます。
    74  [[Image(20080605_pc_page_h_bookmark_list2.png,500px)]]
     79
     80 [[Image(20080605_pc_page_h_bookmark_list2.png,500)]]