FrontPage
方法２．QHMのCSSをWordpressのCSSに入れ替える
このQHMに組み込んであるデザインは以下のサイトからダウンロードしました。
Wordpressのテーマ librio というものです。
http://www.textdrop.net/net/wordpress-theme-librio-ja/
http://wordpress.org/extend/themes/librio
QHMのインストールフォルダ配下の \skin\hokukenstyle\ にribrioフォルダを作成し、そこにCSSファイル、画像ファイルおよびQHMのテンプレートファイル(pukiwiki.skin.php)を入れてあります。
QHMのCSSファイルにWordpressのCSSを組み込んでいく方法でWordpressのデザインを使用できるようにしてあります。WordpressのPHPソースは使用していません。
修正したファイル： main.css、 pukiwiki.skin.php
CSSファイルはかなり修正が必要です。
このサイトはCSSを修正中です。ほぼ完成品に近い状態ですがまだ完成品ではありません。
ご意見箱
皆様のご意見をお待ちします。
当ページは役に立ちましたか？
a:5475 t:1 y:0
マウスオーバーで画像切り替え
QHM 4.5からマウスオーバーで画像切り替えが簡単にできるようになりました。
２つの画像を用意して以下のようにおまじないを書くだけです。
画像の名前を以下のようにつけます。
この例では、
- 通常表示時の画像ファイル名 ：bg2.gif
- マウスオーバー時の画像ファイル名： ：bg2_onmouse.gif
↓ ↓ ↓ ここの画像上にマウスを置くと、画像が切り替わります。
ソース
&ref2(swfu/d/bg2.gif,nolink,change,マウスオーバーで画像切り替え);
これはタイトル H2
ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。
先頭に半角スペースを入れて表示するBOXはこのようになる。 先頭に半角スペースを入れて長い文章を書くとこのようになる。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。
これはタイトル H3
ここにリストを入れる
- これは親1
- これは子1
- これは子2
- これは孫1
- これは孫2
- これは親1
- これは子1
- これは子2
- これは孫1
- これは孫2
これはタイトル H4
ここに表を書く
| タイトル１ | タイトル２ | タイトル３ |
|---|---|---|
| AAAAA | BBBBBB | CCCCC |
| DDDDDDDD | EEEEEEEE | FFFF |
リンクのテスト
トップ
