百変化|非定型歯痛・1日1食・Web素材

非定型歯痛がマッサージと塩と脱歯磨き粉だけで完治間近に至った詳細記録(発症:2016-02-09)。
理に適った1日1食・1.5食の万能効果・メニューの詳細記録。
日替り素材setをカスタマイズ
サポート付で提供。


テーマ:

"今日って、9月9日じゃないの?"

と惚けたい百変化です。

本日は、以下の記事に対しての1日遅れの有言実行です。

昨日は有言だった。とも言いますが(笑)
本ブログのプロフィール文章より抜粋
2016年9月9日、自身のWebサイトと連動してブログカスタマイズに役立つ独自のWebサービスを実施。

──抜粋終了

本ブログ記事 > 1日1.5食 - 理に適った本来の食と糖質オフの実証経過2|非定型歯痛15より抜粋
9月9日から開始予定の独自Webサービスに関する記事の予定です。

9月9日って明後日じゃん─。間に合うかなー(汗)たまには有言実行しよぉ、鋭意執筆開始。

──抜粋終了

そんでもって、たった今9月10日に、9月9日のつもりで記事をアップしました(笑)

Webサービスの第一段はアイコンの無償提供

参照画1:オリジナル素材を無償提供参照画1:オリジナル素材を無償提供↓

参照画1:オリジナル素材を無償提供

上記、参照画1内、ピンク素材×2個の利用例↓
百変化について
上記、参照画1内、グリーン素材×2個の利用例↓
本ブログ内の主要記事

前述のピンク素材を利用時のソースコード

*アメブロの記事投稿時はHTML表示にする必要があります。

*この項目を飛ばして素材のダウンロードを希望される場合は↓

» 本記事の最下部にジャンプ

  • PC版のみ反映させる記述

    *アメブロの記事編集画面(HTML表示)で以下を記述 <dl class="imgp"> <dt>題材</dt> <dd> <ul><li>ブログ名:<cite>ブログの名前</cite></li> <li>Author:<cite>ブログ管理者の名前</cite></li> <li><a href="ブログのURL">ブログのURL</a></li> </ul></dd> </dl> *アメブロのCSSに以下を記述 .imgp {position:relative;top:0;left:0; width:98%;margin:1em auto 3em; padding:.4em 0;border:solid 2px #f9c; border-radius:4px;} .imgp dt {padding:8px 0 0 36px;margin:1em; position:relative;left:0;top:0; min-height:32px; background:url(ピンク画像大のURL) no-repeat 0 0;} .imgp dd {margin:0;} .imgp ul {position:relative;top:0;left:0; width:90%;margin:0 auto;padding:0; list-style:outside none;} .imgp li {padding-left:18px;margin:1em 0;position:relative; left:0;top:0;min-height:16px; background:url(ピンク画像小のURL) no-repeat 0 2px;"}

  • PC版とスマホ版の両方に反映させる記述

    *アメブロの記事編集画面(HTML表示)に以下を記述 <dl style="position:relative;top:0;left:0; width:98%;margin:1em auto 3em;padding:.4em 0;border:solid 2px #f9c;border-radius:4px;"> <dt style="padding:8px 0 0 36px;margin:1em;position:relative;left:0;top:0;min-height:32px;background:url(ピンク画像大のURL) no-repeat 0 0;">題材</dt> <dd style="margin:0;"> <ul style="position:relative;top:0;left:0; width:90%;margin:0 auto;padding:0;list-style:outside none;"> <li style="padding-left:18px;margin:1em 0;position:relative;left:0;min-height:16px; top:0;background:url(ピンク画像小のURL) no-repeat 0 2px;">ブログ名:<cite>ブログの名前</cite></li> <li style="padding-left:18px;margin:1em 0;position:relative;left:0;min-height:16px; top:0;background:url(ピンク画像小のURL) no-repeat 0 2px;">Author:<cite>ブログ管理者の名前</cite></li> <li style="padding-left:18px;margin:1em 0;position:relative;left:0;min-height:16px; top:0;background:url(ピンク画像小のURL) no-repeat 0 2px;">URL:<a href="ブログのURL" style="background:#ff0;">ブログのURL</a></li> </ul></dd> </dl>

グリーン素材を利用時のソースコードも記述しようと思いましたが、いつもの如く文字数オーバー(笑)になりそうなので見合わせます。

ダウンロード先(当方のWebサイト内)

» set File > サービス素材
参照画2:左70%PC表示・右30%スマートフォン表示参照画2:左70%PC表示・右30%スマートフォン表示↓

参照画2:左70%PC表示・右30%スマートフォン表示

ここまで御覧いただきまして、大変、ありがとうございました。今回の記事に貴方様の評価をいただけたら嬉しいです(ランキング)↓

にほんブログ村 Webデザイン素材 »

以下はMainリンク↓

by.昨日まで有言無実行だった百変化

百変化さんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります