HAIKで作ったHPが劇的以上に変わる

長岡京健康みらい研究所DEMO4 mac ios iphone 確認中

メイン
- メイン
- 開発記録
新しい機能
商品案内
商品購入
About
- 会社案内
- サポート
テスト用

ARIGATORUSGO アリガトウラス号

角枠リボンの下向き吹き出しをつけた時の色を指定する
見出しを装飾する枠リボンの種類を吹き出しがある時の色を指定する（下向き吹き出し）
丸帯リボンの下向き吹き出しをつけた時の色を指定する
帯リボンの種類を吹き出しがある時の色を指定する（上向き吹き出し）（2019年10月23日旧版）
枠リボン　上向き吹き出し
帯リボン　下向き吹き出し
角帯リボンの下向き吹き出しをつけた時の色を指定する
帯リボン　上向き吹き出し
枠リボン　下向き吹き出し
帯リボンの種類を吹き出しがある時の色を指定する（下向き吹き出し）（2019年10月23日旧版）
角枠リボンの上向き吹き出しをつけた時の色を指定する
丸帯リボンの上向き吹き出しをつけた時の色を指定する
角帯リボンの上向き吹き出しをつけた時の色を指定する
見出しを装飾する枠リボンの種類を吹き出しがある時の色を指定する（上向き吹き出し）

見出し1【サブ見出しテスト】

見出し2【サブ見出しテスト】

見出し3【サブ見出しテスト】

当Webサイトでのおすすめフォント

見出し1【サブ見出しテスト】

見出し2【サブ見出しテスト】

見出し3【サブ見出しテスト】

当Webサイトでのおすすめフォント
○BIZ UDPゴシック
ユニバーサルデザインフォントの利用を前提にしています。
Windows 10 October 2018 Update以降の版には含まれています。
Macでもダウンロードすれば利用可能です。
https://bizplus.typesquare.com/

見出し1

見出し2

見出し3

田子の浦に　うち出でてみれば　白妙の　富士の高嶺に　雪は降りつつ
今来むと　言ひしばかりに　長月の　有明の月を　待ち出でつるかな

あなたへの手紙

「あなたへの手紙」へ

ストーリー

「ストーリー」へ

商品案内

「商品案内」へ

「あなたの人生に平安と豊かさを実現する」

ラベル表示テスト

CHECK！ラベル表示テスト
CHECK！ラベル表示テスト

ボタン表示テスト

large大きいボタン
 large大きいボタン
 large大きいボタン
 large大きいボタン
 ふつうのボタンghost-w
ふつうのボタンghost-w
ふつうのボタンノーマル状態

セクションにも対応できます

セクション見出し1（見出しも表示できます）

【セクション段落】わたの原　八十島かけて　漕ぎ出でぬと　人には告げよ　海人の釣舟

続けてのセクションにも対応できます

セクション見出し1（見出しも表示できます）

【セクション段落】わたの原　八十島かけて　漕ぎ出でぬと　人には告げよ　海人の釣舟

メインメニュー

メニュー

説明
新着
カラム
サムネイル

新機能新機能
メニューにもタブをより明確に記述できるようになりました。

2021.11.04

目次に連番を振る（現状では不可能）

1
2
3
4
5
>>

カラムテスト用 4桁（文字だけにリンクあり）
＃html2(<div class="cols-link-expantion">)~#html2(</div>)で囲んでいる

画像の説明
あなたへの手紙
ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。
last-child

画像の説明
ブログトップ
ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。
last-child

画像の説明
ブログトップ
ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。
last-child

画像の説明
ブログトップ
ここに説明が入ります。ここに説明が入ります。
last-child

サムネイル表示テスト

はじめまして
ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。

ブログトップ
ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。

ブログ関係の関数用の動作テスト中

過去の投稿

2021年11月 (1)
2021年10月 (1)
2021年09月 (8)
2021年08月 (2)
2021年07月 (3)
2021年06月 (3)
2021年04月 (5)
2020年10月 (1)
2020年09月 (2)
2020年08月 (25)
2020年07月 (23)
2020年06月 (2)
2020年05月 (1)
2020年04月 (1)
2020年03月 (2)
2020年02月 (6)
2020年01月 (28)
2019年12月 (29)
2019年11月 (17)
2019年10月 (49)
2019年09月 (13)
2019年08月 (25)
2019年07月 (2)
2019年05月 (19)
2019年04月 (15)
2019年03月 (43)
2019年02月 (1)
2018年11月 (1)
2018年05月 (5)
2018年04月 (2)

カラム形式のメニュー

カラムテスト用 4桁（文字だけにリンクあり）
＃html2(<div class="cols-link-expantion">)~#html2(</div>)で囲んでいる

画像の説明
あなたへの手紙
ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。
last-child

画像の説明
ブログトップ
ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。
last-child

画像の説明
ブログトップ
ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。
last-child

画像の説明
ブログトップ
ここに説明が入ります。ここに説明が入ります。
last-child

サムネイル形式のメニュー

はじめまして
ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。

ブログトップ
ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。ここに説明が入ります。

テストページ一覧

初期のテスト用に作成したページです。

トップ
はじめてのあなたへ
ストーリー
- ひな形ストーリーページ
商品案内
会社案内
お問い合わせ
商品購入
商品購入（ゆうパック）
よくある質問
お問い合わせ
お問い合わせフォーム
ひな形お問い合わせフォーム
プライバシーポリシー
特定商取引法に基づく表記

タグ一覧

Boostrap CSS CSS圧縮 CSS改修 Cache Busting CacheBusting GETパラメーター HAIK HTML改修 OGP OGPカード PHP Qブログ SNSボタン WEBフォント Windows arrow_box bs_box枠 carousel colorbox config config.php convert_html datepicker diff display:none dump dump.inc.php dump2.inc.php edit.inc.php file.php fontawesome func.php ghost ghostw googleマップ hidariore_ribbon html.php include label lazyload loading loading属性 media_list nagamira_css10h.css nagamira_css1h.css nagamira_css5h.css nagamira_css6h.css otherwin panel枠 php pukiwiki.skin.php pukuwiki qblog_abstract qblog_date qblog_list.inc.php qform.css qform.html rel="noopener" swfu text_h2h3h4_clear video youtube ありがとうかすれひな形アイキャッチアイコンアコーディオンパネルアラートボックスアンカーエラーカスタマイズカラムカレンダーキャッシュバスティングクラスクラス呼び出しグラデーショングラデーション帯装飾サイト情報設定サイト閉鎖中画面サブタイトルサムネイルサーバーショートカットキースキンスクロールバースタイルシートスタイルシート改修スタイルシート改造スタイル改修ストーリースライドショーセクションセレクタの短縮タイトルが出ないタグタグキャッシュタグ一覧タグ未定タブチェックマークテーブルテーマテーマ編集バーデザイン改修トグルドロップダウンメニューナビナビヘッダバックアップバージョンアップパネルファイル整理フェードインアニメーションフォームブラウザキャッシュブログブログリストブログ記事追加プラグイン改修ヘッダボタンボックスシャドウマウス反応を枠いっぱいにマーカーマージンメニューメニューバーメーカー修正メールフォームモバイルモーダルダイアログユニバーサルデザインユーザー認証画面ラジオボタンラベルラベル一覧リストリボンリンクルビルビをふるレイアウト崩れレスポンシブ対応ログイン画面ロゴロリポップ三角形の誘導枠上向き吹き出し上見出しつき枠上見出し枠下向き吹き出し下見出しつき枠下見出し枠丸帯リボン会話会話吹き出し会話風吹き出し作成履歴修正再構築動画右折れリボン吹き出し吹き出し会話商品商品案内外部ウィンドウ対話形式導入時に注意左折れリボン帯リボン引用強調ワード改修新しいクラス日付を消す日付選択更新がぶつかった時更新履歴書体本文編集枠リボン枠装飾検索検索フォーム検証機能拡張游ゴシック白抜き目次箇条書き続きを読む編集ツールバー編集時のタイトル背景色なし見出し枠自動リンク表装飾複数リンク見出し見出しつきパネル見出し装飾角丸見出し枠角帯リボン角枠リボン角見出し枠遅延読み込み長岡京健康みらい研究所非同期読み込み高速化

見出し1【サブ見出しテスト】

見出し2【サブ見出しテスト】

見出し3【サブ見出しテスト】

当Webサイトでのおすすめフォント
○BIZ UDPゴシック
ユニバーサルデザインフォントの利用を前提にしています。
Windows 10 October 2018 Update以降の版には含まれています。
Macでもダウンロードすれば利用可能です。
https://bizplus.typesquare.com/

パネル内見出し処理テスト用

見出し1サブ見出しテスト

見出し2サブ見出しテスト

見出し3サブ見出しテスト

田子の浦に　うち出でてみれば　白妙の　富士の高嶺に　雪は降りつつ
今来むと　言ひしばかりに　長月の　有明の月を　待ち出でつるかな
https://bizplus.typesquare.com/

タグ一覧

Boostrap CSS CSS圧縮 CSS改修 Cache Busting CacheBusting GETパラメーター HAIK HTML改修 OGP OGPカード PHP Qブログ SNSボタン WEBフォント Windows arrow_box bs_box枠 carousel colorbox config config.php convert_html datepicker diff display:none dump dump.inc.php dump2.inc.php edit.inc.php file.php fontawesome func.php ghost ghostw googleマップ hidariore_ribbon html.php include label lazyload loading loading属性 media_list nagamira_css10h.css nagamira_css1h.css nagamira_css5h.css nagamira_css6h.css otherwin panel枠 php pukiwiki.skin.php pukuwiki qblog_abstract qblog_date qblog_list.inc.php qform.css qform.html rel="noopener" swfu text_h2h3h4_clear video youtube ありがとうかすれひな形アイキャッチアイコンアコーディオンパネルアラートボックスアンカーエラーカスタマイズカラムカレンダーキャッシュバスティングクラスクラス呼び出しグラデーショングラデーション帯装飾サイト情報設定サイト閉鎖中画面サブタイトルサムネイルサーバーショートカットキースキンスクロールバースタイルシートスタイルシート改修スタイルシート改造スタイル改修ストーリースライドショーセクションセレクタの短縮タイトルが出ないタグタグキャッシュタグ一覧タグ未定タブチェックマークテーブルテーマテーマ編集バーデザイン改修トグルドロップダウンメニューナビナビヘッダバックアップバージョンアップパネルファイル整理フェードインアニメーションフォームブラウザキャッシュブログブログリストブログ記事追加プラグイン改修ヘッダボタンボックスシャドウマウス反応を枠いっぱいにマーカーマージンメニューメニューバーメーカー修正メールフォームモバイルモーダルダイアログユニバーサルデザインユーザー認証画面ラジオボタンラベルラベル一覧リストリボンリンクルビルビをふるレイアウト崩れレスポンシブ対応ログイン画面ロゴロリポップ三角形の誘導枠上向き吹き出し上見出しつき枠上見出し枠下向き吹き出し下見出しつき枠下見出し枠丸帯リボン会話会話吹き出し会話風吹き出し作成履歴修正再構築動画右折れリボン吹き出し吹き出し会話商品商品案内外部ウィンドウ対話形式導入時に注意左折れリボン帯リボン引用強調ワード改修新しいクラス日付を消す日付選択更新がぶつかった時更新履歴書体本文編集枠リボン枠装飾検索検索フォーム検証機能拡張游ゴシック白抜き目次箇条書き続きを読む編集ツールバー編集時のタイトル背景色なし見出し枠自動リンク表装飾複数リンク見出し見出しつきパネル見出し装飾角丸見出し枠角帯リボン角枠リボン角見出し枠遅延読み込み長岡京健康みらい研究所非同期読み込み高速化

【注】
当ＷＥＢサイトのコンテンツ（テキスト、画像、写真、PDF、CSS、その他全てのデータ）に関する著作権は全て長岡京健康みらい研究所に帰属しています。コンテンツを無断で複製・転用すること及び、RSSを利用するなどして、コンテンツを盗用する行為は禁止しております。

万が一盗用が発覚した場合、通告なしでの司法的対応ならびに損害賠償が発生する事になりますのでくれぐれもご注意ください。

「引用」や「私的使用のための複製」など常識での範囲で著作権法上認められている場合は必ず引用元およびアドレスを明示するようお願いします。

アコーディオンパネル稼働例

フッターでアコーディオンパネルも動きます。

ヘッダー：パネル上下に見出しがある例

#panel(non){~}

記述ミス・該当なしの場合デフォルトで出る
田子の浦に　うち出でてみれば　白妙の　富士の高嶺に　雪は降りつつ
わたの原　八十島かけて　漕ぎ出でぬと　人には告げよ　海人の釣舟

フッター

説明
新着ブログタイル
新着ブログ
カラム表示テスト
サムネイル表示テスト

新機能
フッターにもタブを設置できるようになりました。これまでは書式が合わないなどの問題があって使えなかったのですが、できるようになりました。

2021.11.04

書体Noto Sans Japaneseの追加

2021.10.17

スタイルシート修正一覧

2021.09.14

nagamira_css10h.css　ナビやタブなどの修正

2021.09.08

目次に連番を振る（現状では不可能）

2021.09.07

目次のアイコンを表示させない

2021.09.06

見出し付パネルの見出しの修正

2021.09.05

ルビの大きさの修正

2021.09.05

ラベルの修正

1
2
3
4
5
>>

2021.11.04
書体Noto Sans Japaneseの追加

テーマに含まれるconfig.phpに「Noto Sans Japanese」を追加。'"Noto Sans Japanese",sans-serif',とする事で簡潔になる…
2021.10.17
スタイルシート修正一覧

目次 …
2021.09.14
nagamira_css10h.css　ナビやタブなどの修正

目次 …
2021.09.08
目次に連番を振る（現状では不可能）

従来の目次では箇条書きとスタイルシートを共有していたのでアイコンが出るがこれが意外に邪魔になるので目次ではアイコンを出さず、従来の箇条書きではアイコンを出す方法を考えた。この状態に連番を振ることが…
2021.09.07
目次のアイコンを表示させない

従来の目次では箇条書きとスタイルシートを共有していたのでアイコンが出るがこれが意外に邪魔になるので目次ではアイコンを出さず、従来の箇条書きではアイコンを出す方法を考えた。スタイルシートの改修によっ…
2021.09.06
見出し付パネルの見出しの修正

外部見出し付パネルの修正2021/09/04見出しヘッダ、見出しフッタの左右位置の調整左右位置を1emから0.5emに修正2021/09/04見出しフッタ（.panel-title-out…
2021.09.05
ルビの大きさの修正

iPhone8で表示されるルビが小さすぎるため調整。2021/09/05ルビの大きさを修正font-size: 65%;line-height: 65%;をfont-size: 70%;li…
2021.09.05
ラベルの修正

ラベルの修正○枠線の太さを指定できるようになったborder 1PX(通常)border-1 1PXborder-2 2PXborder-3 3PX○枠線の色を修正太さを指定でき…