装飾管理


＞＞ユーザーログイン

あああ

 
 

h2 class=”h_ver2″

h2 class=”h_ver3″

h3 class=”h_ver2″

h3 class=”h_ver3″

h4 class=”h_ver4″

 
icon1
icon1
icon1
 
icon2

矢印見出し
文章引用や説明する場合は背景の色を変えます。文章引用や説明する場合は背景の色を変えます。
文章引用や説明する場合は背景の色を変えます。文章引用や説明する場合は背景の色を変えます。文章引用や説明する場合は背景の色を変えます。文章引用や説明する場合は背景の色を変えます。文章引用や説明する場合は背景の色を変えます。

お客様のアイコン番号一覧

Google-map URLの最後に下記を記述
&z=17&output=embed&iwloc=J
z=17　ズーム度
output=embed　情報パネルを消して地図だけを表示
iwloc=J　マーカーのみ

 
＞＞RSS-XMLサイトマップ
 
＞＞ユーザー用サイトマップ
 

 
 
 
＞＞アンケートテスト


===============================================================
===============================================================

h1 （hwrappでSHADOW）H1見出し（タイトル自動）

h_ver2　H2見出し

h_ver3　H3見出し

 
 

区切り線

区切線hr-1

区切線hr-2

区切線hr-3

 
 

文字装飾（文章内）

文字の大きく強く　class　bigmojiを付与
文字の大きさをミドルサイズclass　midmojiを付与
通常の文字サイズ
文字の大きさを小さく　class=”minmoji2″
文字の大きさをとても小さく　class=”minmoji”

装飾で強調したい場合

文章に線を引く。UはHTML5は非推奨。borderbottomだとline-heightを設定した際に、下に空間が空きすぎになる。それでtext-decoration: underlineを使う事に。spanを重ねると線の色と文字を変える事もできるが、複雑すぎても嫌なので（よく使う下線は文章の手直しがあった際に大変）それは諦めた。結局シンプルに線を引いたところは文字色と線を真黒#000000(だいたい文章は#333333くらいが多い）として少し色を変える程度で気持ち文章が読みやすければいいと思う。u-inを付与。

テキストアイコン

　icon-yaji-up
　icon-yaji-down
　icon-point-up ⇒up ⇒right ⇒down ⇒left
　icon-arrow-right　⇒up ⇒right ⇒down ⇒left
　icon-shield

 

その他

長いとスマホで折れる矢印ボタン
 
 

DIVやLIで囲む系

箇条書きコンテンツは基本的にLIで囲む。DIVやLIを囲むのはWORDPRESSのP文章ラインの影響を受けないように補正している。

  • icon1 箇条書きコンテンツに使う。スマホで文章が折り返しても、ずれたり影響がない
  • icon2　箇条書きコンテンツに使う。スマホで文章が折り返しても、ずれたり影響がない
  • suji(1-12)　箇条書きコンテンツに使う。スマホで文章が折り返しても、ずれたり影響がない
バルーン吹き出しballoon-1-bottom

バルーンの吹き出しはballoon-1-bottomを付与。
 
 

注釈はDIVで囲み、クラス CLASS　mojiback1 を付与

注釈のイメージはこちらmojiback1注釈のイメージはこちら。注釈のイメージはこちら。注釈のイメージはこちら。注釈のイメージはこちら。

 

タイトルを入れる場合DIV CLASS=”mojiback-t0″
目立たない系のタイトルとなっています。minmojiなどで文字を小さくするとさらに重要度はへります

 

タイトルを入れる場合DIV mojiback-t1

  • 箇条書きコンテンツで見たり
  • タイトルを大きくしたり
  • ・・・する事で印象も変わってきます
  • 箇条書きコンテンツで見たり
  • タイトルを大きくしたり
  • ・・・する事で印象も変わってきます
  • ・・・する事で印象も変わってきます
  • 箇条書きコンテンツで見たり
  • タイトルを大きくしたり
  • ・・・する事で印象も変わってきます

    • お風呂入浴法アイコン

    • 毎日禁止

    • ペット？

    • アフター

    • お水推奨

    • 過度洗注

    • マッサジ

    • 気体

    • 手湯足湯

    • シャワー

    • 入れる系

    • 半身浴

    • 確立提唱

    • 通常

    お風呂タイムは身体を洗う時間を10分とした。
    入浴お風呂に浸かる時間を10分とした。

    ■■

    ■入浴法■

    お風呂タイム 20分
    プラス費用 10-50円


    概要アイコン

    ■■ここに概要■■
    ★★★★☆
      ■■アイコン■■

     
     

    ログイン

    XMLサイトマップ

     
     

    画像

    画像はWIDTH,HEIGHTを全てはずして　CLASSにはtoukouimg　を付与が基本。小さい画像から大きい画像までレスポンシブカバー。
    yun_16997

    小さくしておきたい画像は　CLASSには　okao を付与で縦横150px以上大きくなる事はない。
    yun_16997

    画像を区切りとして使いたい、もしくは横幅一杯表示させたい場合は　CLASS　nobimax を付与　高さはオート
    yun_16997
    その中で高さを300pxに抑えたい場合（nobimax300）　
    yun_16997
    その中で高さを200pxに抑えたい場合（nobimax200）
    yun_16997

    画像右に回り込み（スマホ縦では回り込みなし）imgrightを付与

    yun_16997横幅をMAX220pxとしている。英語や記号などを使うと予期せぬ所で折り返してしまう場合があるので注意。

    画像左に回り込み（スマホ縦では回り込みなし） imgleftを付与

    yun_16997回り込み画像を入れる場合はimgleftを付与。 一番の注意はワードプレス投稿画面でimg要素に対して段落をおかず文章を記述する事。また＜div class=”floatclear”＞＜/div＞で最後に回り込みを解除する事。基本「画右」ボタンを訂正すると分かりやすい。

    影をつける場合は　プラスで（classの複数付与は半角スペースで区切り）　shadowをつける　
    yun_16997
     
     

    その他予備ヘッダー

    h_ver10

    h_ver11

    h_ver12



       
    水素濃度バナー
    共通動画へバナー
    コンプライアンスバナー

    リタライフ簡単操作のバナー女性が頬をさすっているイメージ

    葉っぱアイコン

    口コミでレンタルされる方も。リピート(継続)率の高さは製品力に自信ありです。

      取次店コンプライアンスはコチラ    
    葉っぱアイコン

    リタライフ水素風呂が驚きの値段月々3780円でレンタルできますが大事な確認も

      お申込み前に確認いただきたい事    
     
    リタライフのランディングページへのバナー   リタライフお問い合わせへのバナー


    この記事にコメントする
    （クリックで開きます）

         

    
    ツイッターでシェア
    FACEBOOKでシェア
    はてなブックマークに追加
    Googleでシェアボタン
    LINEでシェアボタン
    Copyright© 2015- 水素風呂　レンタルで毎日入れるlitalife by-HAGライフ All Rights Reserved.