方法2.QHMのCSSをWordpressのCSSに入れ替える

FrontPage

方法2.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を修正中です。ほぼ完成品に近い状態ですがまだ完成品ではありません。


ご意見箱

皆様のご意見をお待ちします。


認証コード(0976)

当ページは役に立ちましたか?

選択肢 投票
たいへん役に立った 1  
ちょっとだけ役に立った 1  
普通 1  
あんまり 1  

a:4263 t:1 y:3


マウスオーバーで画像切り替え

QHM 4.5からマウスオーバーで画像切り替えが簡単にできるようになりました。
2つの画像を用意して以下のようにおまじないを書くだけです。
画像の名前を以下のようにつけます。
この例では、

  • 通常表示時の画像ファイル名 :bg2.gif
      通常表示時の画像ファイル名
  • マウスオーバー時の画像ファイル名: :bg2_onmouse.gif
      マウスオーバー時の画像ファイル名

   ↓ ↓ ↓ ここの画像上にマウスを置くと、画像が切り替わります。
マウスオーバーで画像切り替え

ソース

&ref2(swfu/d/bg2.gif,nolink,change,マウスオーバーで画像切り替え);

これはタイトル H2

ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。

先頭に半角スペースを入れて表示するBOXはこのようになる。
先頭に半角スペースを入れて長い文章を書くとこのようになる。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。ここに文章を書く。長い文字を書くとこうなる。

これはタイトル H3

ここにリストを入れる

  • これは親1
    • これは子1
    • これは子2
      • これは孫1
      • これは孫2
  1. これは親1
    1. これは子1
    2. これは子2
      1. これは孫1
      2. これは孫2

これはタイトル H4

ここに表を書く

タイトル1タイトル2タイトル3
AAAAABBBBBBCCCCC
DDDDDDDDEEEEEEEEFFFF

リンクのテスト

トップ

最新の4件
2014-11-19 2014-02-15 2012-10-22 2010-05-07


人気の2件

-->