*Essence

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

TOP >  Template >  カスタマイズ >  genial_resp のカスタマイズ(autumn♪)

genial_resp のカスタマイズ(autumn♪)

実は今日、10/08は私の誕生日だったりします。(^-^;
いつもと変りなく…夜が更けていってます。
増えて嬉しい歳でも無いので、お祝いはケーキの代わりに
『ヤマザキの ごろっとさつまいもスティックケーキ』
しかも【おつとめ品¥68】、お得でしょ~?
十分美味しかったし、満足です。

さて、秋のイメージにテンプレート[serene_resp]の優しい色合いで本とコーヒー…に変更!も良いかもしれません。が、この度は[genial_resp]を秋の紅葉画像で彩ってみようと思います。
方法は簡単。スタイルシートを6ヶ所、変更して頂くだけで出来ます。(2カラム・3カラム共通です)

momiji-s.jpg
↑クリックで見本を表示

先ず、テンプレートの管理画面下段の [ genial_resp〇c ] のスタイルシート編集枠内を上から少しずつスクロールします。
青文字の部分を赤文字に変更して下さい。

- - - - - - - - - - - - - - -
スタイルシート編集枠内、ほんの少し下がった所

body::before{
background:#e7f7e7 url(https://blog-imgs-128.fc2.com/s/o/r/sorauta1/ww-st1.png) repeat center; /* 色+背景画像 */
position:fixed;
display:block;
top:0;
left:0;
width:100%;
height:150%;
content:"";
z-index:-1;
transform:translate3d(0,0,0);
}

を下記のように

body::before {
background:#fff3d8 url(https://blog-imgs-128.fc2.com/s/o/r/sorauta1/ww-st1.png) repeat center;
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: 150%;
content: "";
z-index: -1;
transform: translate3d(0,0,0);
}

- - - - - - - - - - - - - - -
CSS枠全体の1/8程下にスクロール

/* トップ画像 */
.topimg{
position:relative;
overflow:hidden;
padding-top:35.63%; /* 画像の高さpx÷画像の幅px×100で導いた数値% */
background:url('https://blog-imgs-128.fc2.com/s/o/r/sorauta1/park.jpg'); /* 表示したい画像URL */
background-position:center center; /* 表示する位置 中央寄せ */
background-repeat:no-repeat;
background-size:cover;
}

を下記のように

/* トップ画像 */
.topimg {
position:relative;
overflow:hidden;
padding-top:35.63%; /* 画像の高さpx÷画像の幅px×100で導いた数値% */
background:url('https://blog-imgs-131.fc2.com/s/o/r/sorauta1/momiji.jpg'); /* 表示したい画像URL */
background-position:center center; /* 表示する位置 中央寄せ */
background-repeat: o-repeat;
background-size:cover;
}

- - - - - - - - - - - - - - -
CSS枠全体の1/5程下にスクロール

.tape{
position:absolute;
top:-5px;
right:10px;
margin-left:25px;
background-color:#e3f1ff; /* 日付部背景色 */
border:1px solid #d5ebff; /* 日付部枠線色 */
box-shadow: 0 1px 3px rgba(0,0,0,.3);
border-radius: 0 0 5px 5px;
padding:0 1.0em;
}

を下記のように

.tape{
position:absolute;
top:-5px;
right:10px;
margin-left:25px;
background-color:#fff3d8; /* 日付部背景色 */
border: 1px solid #ebddbc; /* 日付部枠線色 */
box-shadow: 0 1px 3px rgba(0,0,0,.3);
border-radius: 0 0 5px 5px;
padding:0 1.0em;
}

- - - - - - - - - - - - - - -
CSS枠全体の1/4程下にスクロール

/* メニュー部分 */
.entry_title h2,
.menu_title{
margin:10px 10px 5px;
padding:0px 10px 2px;
color:#005860; /* タイトル、メニューの文字色 */
font-weight:bold;
line-height:1.5em;
border-bottom:solid 2px #87ceeb; /* タイトル、メニュー下の青ボーダー */
position:relative;
}

を下記のように

.entry_title h2,
.menu_title {
margin:10px 10px 5px;
padding:0px 10px 2px;
color:#005860; /* タイトル、メニューの文字色 */
font-weight:bold;
line-height:1.5em;
border-bottom:solid 2px #85c770; /* タイトル、メニュー下の青ボーダー */
position:relative;
}

- - - - - - - - - - - - - - -
最後に枠内一番下の

.author-comment{
background-color:#f7fffa;
}

を下記のように

.author-comment{
background-color:#fffbf3;
}

後は更新ボタンを押して完了です。
作業をする場合は『複製』を作って作業すると安心です。

- - - - - - - - - - - - - - -
さて、云十云年前のもうすぐ、私が生まれます。(23:25生まれなので。)


最近、ちょっと嫌な事が続いたけど、
これからの一年が有意義なものになりますように。
お誕生日おめでとう♪ 私!

関連記事
[ Tag ] * 着せ替え * カスタマイズ

コメント







管理者にだけ表示を許可

aki Re: ひまわり 様へ

ブログが秋色になりましたね♪
無事カスタマイズ出来て何よりです。
既に「冬はどんな感じが良いかなぁ~?」と悩み中です。(^^;
そしたらまた、是非お楽しみ下さいね。

p.s. 只今滝の様な大雨降ってます。
当地最接近は夜中なので、今夜は不安で眠れそうにありません。(・_・;)
2019-10-12-17:51 * aki [ 返信 * 編集 ]

変更できました(^^♪

aki様、有難うございました!
紅葉狩りにはいけなくても、
ブログ上でしばらくは、
楽しめそうです。。
2019-10-12-11:33 * ひまわり [ 返信 * 編集 ]

aki Re: - h様へ

コメント頂き、有難うございます。
そちらでお返事致しますね♪
2019-10-11-00:10 * aki [ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2019-10-10-23:38 * - [ 返信 * 編集 ]

aki Re: hige 様へ

誕生日が来ても、結局懐は一緒なので「あれが欲しい」とは言いません。^^;
まぁ、歳を食う毎に段々と物欲も減って参りましたので、最近は『楽しい事』が未来に欲しいなと思っております。
漠然とし過ぎてますが…。(^^;
2019-10-10-23:20 * aki [ 返信 * 編集 ]

aki Re: 山田 様へ

いえいえ、こちらこそお願いを聞いて頂き有難うございます。
気に掛けてくれる方がいるというのは、本当に幸せな事です。(^-^)
有難うございました。

今後とも末永くお付き合い下さいます様 宜しくお願い致します。m(__)m
2019-10-10-22:58 * aki [ 返信 * 編集 ]

お誕生日

 お誕生日おめでとうございます。
 私ぐらいのじじいになると、おめでたさもほぼないんですが、娘とかからLINEでおめでとうのメッセージが入ると嬉しいですね。
2019-10-10-20:56 * hige [ 返信 * 編集 ]

あ、言い忘れていました^^

何か言ってきたら、僕の名前を出していいので^^
リクエストも、僕が勝手に
出したものですから、それも、ブログに
書いたり、伝えていただいても、構いません!
2019-10-10-15:27 * 山田 [ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2019-10-10-15:19 * - [ 返信 * 編集 ]

aki Re: - y様へ

コメント頂き有難うございます。(^-^)
お返事はそちらに伺いますね。
(コメントの投稿時間が10揃いでビックリ!しました。)
2019-10-10-13:56 * aki [ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2019-10-10-10:10 * - [ 返信 * 編集 ]

aki Re: やぴこ 様へ

やぴこ様、初めまして♪
テンプレートのご利用、誠に有難うございます。
また、誕生日の温かいお言葉も有難うございます♪
幾つになってもお祝いの言葉って、やっぱり嬉しいですね。(^-^)

それと「恐れ多い」なんてとんでもないです。至って普通の人ですから、どうぞいつでも 気兼ね無くお声掛け下さい。
この度の、徳川たぬ子様からの素敵なご縁を感謝致します。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m
2019-10-10-01:04 * aki [ 返信 * 編集 ]

はじめまして

はじめまして。やぴこと申します。

akiさんのテンプレートをお借りしております。ありがとうございます♪

作成者であられるakiさんへコメントさせて頂きたい!と思いつつも恐れ多くて…
ヤプログを利用している為、たぬこさんにhelpしてばかりです(^-^;


末筆ながら…
お誕生日おめでとうございました
(pq´∀`)┌iiiiii┐(´∀`pq)゚゚
幸多き素敵な1年となりますように☆

突然のコメント失礼致しました。
2019-10-09-23:38 * やぴこ [ 返信 * 編集 ]

aki Re: - 様へ

コメント頂き 有難うございます。(^^)
そちらに伺ってお返事しますね。
2019-10-09-22:02 * aki [ 返信 * 編集 ]

aki Re: 徳川たぬこ 様へ

コメント、有難うございます♪

最近は心乱れる事が立て続けだったので、声掛けて頂けるだけでホッとします。
毎日の生活が普通に始まり終われる事の有難さ、色んな意味で感じます。

genial って、英語だと
〔人・態度などが〕親切な、愛想の良い、朗らかな、優しい、穏やかな、和やかな
〔気候などが〕温暖な、温和な、心地良い、快適な
…という意味なのですが、スペイン語だと「すごい!」だそうです。
スゴクナインデスケドネ…(^-^;

冬用も画像変えてカスタマイズ記事掲載しますよ~♪
2019-10-09-21:59 * aki [ 返信 * 編集 ]

aki Re: Soy Milk 様へ

お祝いのコメント、有難うございます~♪

誕生日の前と後…本人は別段変わってないですけど、変わったのは『TANITAの体組成計』に乗ったら年齢が一つ増えてた。(^^;
設定してるんだから当たり前です。が、ちょっと「うっっ…」と思ってしまった。
2019-10-09-21:44 * aki [ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2019-10-09-18:24 * - [ 返信 * 編集 ]

お誕生日おめでとうございます^^

aki様にとってより良い1年になりますように♪

  ハ∥ハ∥ハ∥ハ
≧(∴)(∴)(∴)(∴)≦
`/⌒⌒⌒⌒⌒⌒⌒⌒ヽ
(_ノυ^υ^υ^υ^υ^ヒ)
|Congratulations!|
|・・・・・・・・・・・・・・・・|
☆≡≡≡≡≡≡≡≡☆
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
秋色のgenialも素敵ですね^^
2019-10-09-08:16 * 徳川たぬこ [ 返信 * 編集 ]

Happy Birthday!

誕生日おめでとうございます♪
って日付変わっちゃってましたぁ💦
この一年も良いことたくさんありますように!
2019-10-09-00:47 * Soy Milk [ 返信 * 編集 ]