*Essence

盛夏の候、例年にない暑さが到来しております。
毎日こんな暑さじゃあバテバテなのは動物も一緒。ですが…猫のはなちゃんは暑くてもお気に入りの場所で外を見たがります。
窓が目隠しタイプのガラスなので そのままでは見えない。。故に、
「んなおぉ～～ん」デカくて野太い声で「窓あけれ～！」と人間を呼ぶ。



外を通る人を見ているうちに～～～すやすや・・
熱風入って来て部屋暑いんですけど。
なので、寝てる間に窓閉めます。^^;

ウサギのいなばさんは、先日届いたam〇zonの空段ボールがお気に入り。



筒状にしてるのがミソ。暑いからね～。
時々トイレハイで大騒ぎしているはなちゃんに、突撃されて（箱が、f(^-^;）吹っ飛ばされたり壊されたりする事も。


この酷暑の中、旦那さんの実家(富山）2FのAC、うちの実家(新潟）1FのAC が壊れた。
旦那さんの実家に帰省するのが来週…修理も新品も間に合いませんって。
帰省時 寝るのが2Fなんだけど、来週少しは涼しいと良いんだけどなぁ。無理かなぁ。
うちの実家へは9月に帰省。こっちは注文済み。
まぁ1F暑いけど、2FのACの冷気を下に行くようにして何とか暑さを凌いでいる。

でもね、涼しい場所が有るだけ幸せなんだよ

本日のテンプレート更新は、当方素材サイト web material *Essence のURLが変更になったので、著作権部分を修正しました。
テンプレートの作り自体は一緒です。m(__)m

その他の箇所のカスタマイズ(^-^;です。
暗色系・シンプル系等、全く異なったイメージを作る際に是非変更してみて下さい。

１）　薄く透過されている大枠の背景
［al_responsive〇c］のスタイルシート編集枠をほんの少し下げた所に有る
#wrapper{　という部分の背景色を変更します。

何も加工が無ければ
←こんな感じです。（クリックで大きく表示）
#wrapper の下記の部分が透過背景色です。
background-color:rgba(255,255,255,0.7);
これは『白の透過度70％』

カラーコード#9ACD32透過度0.3（30％）のRGBAカラーモデル、
rgba(154,205,50,0.3)
←ではこんな感じです。（クリックで大きく表示）

カラーコード#000080透過度0.2（20％）のRGBAカラーモデル、
rgba(0,0,128,0.2)
←ではこんな感じです。（クリックで大きく表示）

-moz-border-radius:〇px;
-webkit-border-radius:〇px;
border-radius:〇px;
を削除すると角の丸みが無くなります。
←（クリックで大きく表示）

詳しくはこちらへ→MDN web docs

引き続き、背景画像の変更方法です。
大きい画像を背景に、ディスプレイサイズに合わせて表示するようにします。
←使用する画像はこちら。表示位置が分かり易いよう見本を表示するBoxに背景色（#e2eccb;）を付けています。

background-size:auto;

background-size:contain;

background-size:cover;

background-size:px;

background-size:%;

詳しくはこちらへ→MDN web docs

今時とってもLegacyな テンプレートですが、その分『見掛け』を自分流にカスタマイズ出来るように、CSSも(多分）分かり易く作っております。
可愛い愛犬・愛猫や、旅先で撮った素敵な画像等々…お好きなように飾って下さい。(^-^)

上の画像は、クリックすると当ブログでの見本表示になりますので是非ご確認を。
詳しくはこの記事の次
『レスポンシブテンプレートの使い方（背景画像変更 ② ）』でご説明致します。m(__)m （ちょっと派手めですが。^^;）

レスポンシブテンプレート、al_responsive 3c（3カラム）, 2cr（2カラム右）, 2cl （2カラム左）の記事表示の変更方法をです。
共有テンプレートDL時のトップページのエントリー表示は、2・3カラムとも記事毎の要約表示になっています。
これを従来の全文表示に変更する方法です。

◎ テンプレートの設定画面を開いてHTMLを編集する。
管理画面左の『テンプレートの設定』 →［al_responsive〇c］のHTML編集枠を開いて「トップページここから」という所までスクロールし、下画像のように変更して更新。

上画像の赤い部分を削除して下画像のように変更・更新します。
（クリックで大きく表示）



下のように変更後更新ボタンを押す。↓



更新が出来ましたらした画像のようになります。↓

 
（クリックで大きく表示）


HTMLは下記です。コピー&ペーストする場合は

<!-- トップページ ここから--> ～ <div class="entry_state">

までを貼り換えて下さい。

戻したい時はこの逆を行って下さい。m(__)m
不具合が有った時のために複製を作成して作業すると安心です。

従来のオーソドックスなデザインですが、表示サイズ可変対応のレスポンシブテンプレートです。
al_responsive 3c（3カラム）, 2cr（2カラム右）, 2cl （2カラム左）が共有化されましたので、レスポンシブテンプレートの使い方を簡単に説明致します。

１）　レスポンシブテンプレートはパソコン・スマホ共通なので設定を変更する。
PCやモバイル端末等の閲覧で、画面サイズが変化するレスポンシブデザインテンプレートを使う場合、初めに「スマートフォン版の表示設定」を変更して下さい。
管理画面左の『環境設定』 → 『ブログの設定』 →『スマートフォン版の表示設定』を無効にして更新。

２）　検索バーはレスポンシブ未対応なので非表示にする。
FC2ブログ上部に有る検索バーはレスポンシブ未対応なので、画面の表示サイズによっては途切れて表示されてしまうため表示を無効にします。
管理画面左の『環境設定』 → 『ブログの設定』 →『検索バーの設定』で[利用しない]を選択して『更新』。

先ず、上記2点の設定をお願い致します。m(__)m