ここの情報は古いです。ご理解頂いた上でお取り扱いください。
- Timestamp:
-
Jun 5, 2008, 7:50:38 PM (13 years ago)
- Author:
-
kiwa
- Comment:
-
#2642:画像を500pxに縮小
Legend:
- Unmodified
- Added
- Removed
- Modified
-
v1
|
v2
|
|
34 | 34 | === シンプルなテーブルをつくる === |
35 | 35 | [[Image(20080605_pc_page_h_home.png)]] |
| 36 | |
36 | 37 | シンプルなテーブルを作ります。[[br]] |
37 | 38 | wiki:pne-xhtmlcss/parts/1 にあるSimpleBoxのマークアップ例を参考にして、テンプレート挿入に以下のようなHTMLタグを挿入します。 |
… |
… |
|
51 | 52 | |
52 | 53 | === 画面を中央揃えにする === |
53 | | [[Image(20080605_pc_page_h_home3.png, 500px)]] |
| 54 | [[Image(20080605_pc_page_h_home3.png, 500)]] |
| 55 | |
54 | 56 | 全体の表示を中央揃えにするには、カスタムCSSに以下のCSSを挿入します。 |
55 | 57 | {{{ |
… |
… |
|
59 | 61 | |
60 | 62 | === 背景を画像にする === |
61 | | [[Image(20080605_pc_page_h_home2.png,500px)]] |
| 63 | [[Image(20080605_pc_page_h_home2.png,500)]] |
| 64 | |
62 | 65 | 背景を画像にするにはカスタムCSSに以下のCSSを挿入します。 |
63 | 66 | {{{ |
… |
… |
|
65 | 68 | }}} |
66 | 69 | これで背景が画像に変更されますが、このままではページの縦幅がウインドウより小さかった場合にページの下の方に画像が反映されていません。 |
67 | | [[Image(20080605_pc_page_h_bookmark_list1.png,500px)]] |
| 70 | |
| 71 | [[Image(20080605_pc_page_h_bookmark_list1.png,500)]] |
| 72 | |
68 | 73 | なので、カスタムCSSにもう1行追加します。 |
69 | 74 | {{{ |
… |
… |
|
72 | 77 | }}} |
73 | 78 | これで背景が全て画像に変更されます。 |
74 | | [[Image(20080605_pc_page_h_bookmark_list2.png,500px)]] |
| 79 | |
| 80 | [[Image(20080605_pc_page_h_bookmark_list2.png,500)]] |