Top
Quick Homepage Maker 標準デザインサンプル集
QHM-haik:V6.10beta PHP:7.0.10 使用
By 株式会社NFC
ようこそ!
Quick Homepage Maker 標準デザインサンプル集 By 株式会社NFCへ
このサイトはQHMプロの標準デザインテンプレートを各4パターンに分けてサンプル表示しています。
デザインの表示種類
QHMでは、デザイン表示の際に、
- #main_visual
- #logo_image
といった、「おまじない」で画像表示することが可能です。
このサイトでは、QHMの標準デザインを下記4パターンでサンプル表示します。
- #main_visual・#logo_image 共に表示しない
- #main_visual のみ表示
- #logo_image のみ表示
- #main_visual・#logo_image 両方表示
表示させる画像は全デザイン共通で、
- #main_visual 横750px・縦200px
- #logo_image 横750px・縦200px
としました。
デザインの表示方法
- 各サンプルページの表示はQHMのページ毎にデザインを設定する機能
#include_skin
を使用しています。 - 各命令文の順序は下記の通りです。
- #include_skin (各サンプルページ共通)
- #logo_image (パターン3・パターン4)
- #main_visual (パターン2・パターン4)
- コンテンツ表示部分は、全て共通で同じ命令文を記述しています。
QHM-haik専用のものは未使用です。
メニュー
QHM-haik
haik_Palette
2015-07-31追加デザイン
2015-07-24追加デザイン
2015-07-17追加デザイン
2015-07-09追加デザイン
QHM-haik [10] 2014-06-16追加
QHM 新デザイン 2012年11月追加分サンプル
デザイン名称:check系2カラム [3] 2012-11-01追加
デザイン名称:glass系2カラム [2] 2012-11-01追加
デザイン名称:metal系2カラム [1] 2012-11-01追加
デザイン名称:natural系2カラム [4] 2012-11-01追加
デザイン名称:pastel系2カラム [3] 2012-11-01追加
デザイン名称:simple_系2カラム [7] 2012-11-01追加
デザイン名称:wall系2カラム [7] 2012-11-01追加
QHM 新デザイン 2011年12月追加分
企業向け:biz系2カラム [7] 2011-12-13追加
企業向け:biz系3カラム [7] 2011-12-22追加
シンプル:simple_系2カラム [9] 2011-12-22追加
グラデーション:gra系2カラム [6] 2011-12-22追加
標準3カラム [3]
デザイン名称:g_w系 [29]
デザイン名称:g_w色系 [4]
デザイン名称:g_wcool [5]
デザイン名称:g_wcute [12]
デザイン名称:g_wide [8]
デザイン名称:g_色系 [30]
デザイン名称:g_black [4]
デザイン名称:g_blue [6]
デザイン名称:g_brown [2]
デザイン名称:g_gray [3]
デザイン名称:g_green [6]
デザイン名称:g_orange [2]
デザイン名称:g_pink [3]
デザイン名称:g_red [3]
デザイン名称:g_yellow [1]
デザイン名称:g_イメージ系 [10]
デザイン名称:色系 [23]
デザイン名称:black [2]
デザイン名称:blue [6]
デザイン名称:brown [3]
デザイン名称:green [1]
デザイン名称:orange [1]
デザイン名称:pink [1]
デザイン名称:purple [3]
デザイン名称:red [6]
デザイン名称:simple [5]
QHMとは
Quick Homepage Maker (QHM)は、ホームページ上でホームページを編集し、直感的で、簡単、素早く、きれいに仕上げることができます。
使い方は、会員サイトなどをご覧下さい。
無料体験は下記バナーをクリック
デザインの表示方法
QHMでは、デザイン表示の際に、
- #main_visual
- #logo_image
といった、「おまじない」で画像表示することが可能です。
このサイトでは、QHMの標準デザインを下記4パターンでサンプル表示します。
- #main_visual・#logo_image 共に表示しない
- #main_visual のみ表示
- #logo_image のみ表示
- #main_visual・#logo_image 両方表示
表示させる画像は全デザイン共通で、
- #main_visual 横750px・縦200px
- #logo_image 横750px・縦200px
としました。