*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

Top Page › Template › カスタマイズ › 年末の寒波到来に(私も^^;)注意!
2018-12-28 (Fri)  23:33

年末の寒波到来に(私も^^;)注意!

年末の帰省時期に今年も寒波がやって来る…と、天気予報で言っています。。
去年の同時期も同じように「寒波到来!」…ってやってたので、実家帰省諦めたのに、実際はそんなでも無かった(らしい)。
自分で実家に届くように注文していた『カニ2キロ』、正月に遊びに来た姪っ子から
「美味しかったよ~ごちそうさま♪」というメッセージと共に、新潟の郷土料理のっぺい汁とカニの画像がメールで送られて来た…
(平成30年(2018年)1月1日の記事 『新年 明けましておめでとうございます。』)
た、食べたかった…無念…
今年の年末は、寒波に負けじと安全運転で帰りますっっ!またカニ2キロ、注文してるし。( `ー´)ノ

冬はやっぱり雪のイメージかな?という事で、『ct_responsive』テンプレートの着せ替えCSS作りました。
snow_0縮小版
*淡色CSS適用済み見本『snowflakes1.html』←クリック!

『ct_responsive』淡色CSS(3カラム用)
『ct_responsive』淡色CSS(2カラム右用)
『ct_responsive』淡色CSS(2カラム左用)

クリックするとスタイルシートが書かれたタブが開きます。

『ct_responsive』テンプレートのスタイルシート編集枠内のCSSを全て削除し、上記(リンクで表示された)スタイルシートを全てコピー&ペーストして下さい。
その後更新して完了です。
(エントリー全文表示の方は、更にこの記事のスタイルシート部分だけを再度修正して下さい。
不具合が有った時のために複製を作っておくと安心です。
スポンサーサイト

最終更新日 : 2019-03-27

61の手習い 様へ * by aki
テンプレート及び素材のご利用、ご訪問を頂き、誠に有難うございます。
ご質問の件ですが、背景画像は問題無く全面にリピート表示されています。
両サイドにしか表示されていないように見えるのは、記事+メニューを包括するボックスの背景が非透過の白で、ブラウザの中央に配置されているためです。
(このテンプレートのデザインはそれで正しい表示です。)
ご希望の半透過表示にする方法は簡単ですので、下記のように変更して下さい。

スタイルシート編集枠を1/3(より少し上)までスクロールした所に

/* 2カラム+ベース部分 */

#box{
width:1140px;
height:100%;
margin:0 auto;
text-align:left;
background-color:#fff;
}

という箇所が有ります。そこの
background-color:#fff; を
background-color:rgba(255,255,255,0.5);
に変更して下さい。(こんな感じで↓)

#box{
width:1140px;
height:100%;
margin:0 auto;
text-align:left;
background-color:rgba(255,255,255,0.5);
}

ここの 0.5 という数値が透過度で、1.0が非透過ー0が透過 の間で調整します。
RGBAカラーモデルについては下記URLをご参照下さい。(素材サイト:web material *Essence)
https://e-ssence-main.jp/tips-page/t-rgba.html

貴殿ブログのお返事も感謝致します♪
是非 色んな記事を発信し、末永くご利用頂けます様 宜しくお願い致します。m(__)m

お世話になっております^^ * by 61の手習い
こんにちは
貴ct_responsive2c-lを使わせて頂いている61の手習いと申します。
この度は、拙ブログまでおいでくださり、ご丁寧なコメントまでいただき、ありがとうございました。

ご親切に甘え、一点ご質問させていただきたくお伺いいたします。
ご覧いただきましたように、本人の意図としては、*Essence様作成の背景を使用しているつもりなのですが、背景が全面に表示されず、両脇のみの表示になってしまっております。
(多分、本体部分の透過性の問題なのだと思われますが・・・)
こちらのように半透過で背景が全面に表示されるようになったらいいな、と考えますが、対処のやり方がわかりません。
ご教示賜れば幸いです。

ブログやHTMLに不慣れで、実は62の手習い者ですが、今後ともよろしくお願いします。

年末年始の帰省とのこと、十分ご自愛ください。

Comment




ご質問の際は確認用にURLをお願い致します。




管理者にだけ表示を許可

61の手習い 様へ

テンプレート及び素材のご利用、ご訪問を頂き、誠に有難うございます。
ご質問の件ですが、背景画像は問題無く全面にリピート表示されています。
両サイドにしか表示されていないように見えるのは、記事+メニューを包括するボックスの背景が非透過の白で、ブラウザの中央に配置されているためです。
(このテンプレートのデザインはそれで正しい表示です。)
ご希望の半透過表示にする方法は簡単ですので、下記のように変更して下さい。

スタイルシート編集枠を1/3(より少し上)までスクロールした所に

/* 2カラム+ベース部分 */

#box{
width:1140px;
height:100%;
margin:0 auto;
text-align:left;
background-color:#fff;
}

という箇所が有ります。そこの
background-color:#fff; を
background-color:rgba(255,255,255,0.5);
に変更して下さい。(こんな感じで↓)

#box{
width:1140px;
height:100%;
margin:0 auto;
text-align:left;
background-color:rgba(255,255,255,0.5);
}

ここの 0.5 という数値が透過度で、1.0が非透過ー0が透過 の間で調整します。
RGBAカラーモデルについては下記URLをご参照下さい。(素材サイト:web material *Essence)
https://e-ssence-main.jp/tips-page/t-rgba.html

貴殿ブログのお返事も感謝致します♪
是非 色んな記事を発信し、末永くご利用頂けます様 宜しくお願い致します。m(__)m
2018-12-29-19:33 * aki [ 編集 ]

お世話になっております^^

こんにちは
貴ct_responsive2c-lを使わせて頂いている61の手習いと申します。
この度は、拙ブログまでおいでくださり、ご丁寧なコメントまでいただき、ありがとうございました。

ご親切に甘え、一点ご質問させていただきたくお伺いいたします。
ご覧いただきましたように、本人の意図としては、*Essence様作成の背景を使用しているつもりなのですが、背景が全面に表示されず、両脇のみの表示になってしまっております。
(多分、本体部分の透過性の問題なのだと思われますが・・・)
こちらのように半透過で背景が全面に表示されるようになったらいいな、と考えますが、対処のやり方がわかりません。
ご教示賜れば幸いです。

ブログやHTMLに不慣れで、実は62の手習い者ですが、今後ともよろしくお願いします。

年末年始の帰省とのこと、十分ご自愛ください。
2018-12-29-14:57 * 61の手習い [ 編集 ]