*Essence

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

Top Page › Template › カスタマイズ › 春っぽいテンプレートに衣替え
2019-03-12 (Tue)  23:48

春っぽいテンプレートに衣替え

3月も中旬、暖かい日和も増えて参りましたので、当ブログもそろそろ春めいた色のテンプレートにカスタマイズ。今年は桜の開花が早いらしいので、着せ替えCSSを掲載致しました♪
桜の背景画像とメニューの背景色を変えてみただけですが、ちょっとだけでも春を感じて頂ければ幸いです。(^-^)

sakura-as.jpg
*桜CSS適用済み見本『sakura1.html』←クリック!

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

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

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

それと、一応予定の告知を。
過去に作ったテンプレートの一部を、少しずつHTML5及びレスポンシブデザインに変更していこうと思っております。
まぁ、沢山の素晴らしいデザインのテンプレートが有りますので、私は私らしい(…というか、スキルが無いので古臭い・レガシーな)ものしか作れませんが。
共有化済みのデザインはほぼそのままで、レスポンシブ&トップページの記事を要約表示にしていこうと思っています。
(カスタマイズで全文表示可能に、出来ればしたい。。^^;)
その際、色違いだけで申請したテンプレート・需要が無さそうなテンプレートは削除して参りますので、今更ですが欲しいものが有りましたら無くなる前にDLしてやって下さい。

修正に暫く時間も掛かりますが、今後とも末永く宜しくお願い致します。m(__)m

関連記事
スポンサーサイト

Comment




ご質問,不具合は確認用にURLをお願いします。




管理者にだけ表示を許可

aki yasuko 様へ

益々春らしく変わりましたね♪
後はタイトルの文字色…を明るくしてみますか?
その場合は、スタイルシート編集枠の上の方に

/* ブログタイトル */
header a,
header a:link,
header a:visited{
color:#777; /* ブログタイトルの文字色 */
font-size:2.0em;
text-decoration:none;
}

という部分が有りますので、ここの文字色という部分を変更して下さい。
カラーコード、カラーネームは↓こちらをご参考に。
https://e-ssence-main.jp/tips-page/t-colorname.html (当方の素材サイトです)
スタイルシートで#777; というように数字が3つ記述して有るものは、同じ数字が6つの場合に省略しているものです。
なので、#fff; と書いて有るものは #ffffff; (白)の略で、#000; と書いて有るものは #000000;(黒)の略です。カラーネームで表記する場合は、
color:white;
というように記述します。(記述はカラーコードもカラーネームも全て半角英数です。)
ただ、タイトル文字色を白にした場合、1カラム(スマホでの表示設定)で表示する際に背景色と同じになって見えなくなってしまうので、スタイルシート編集枠を2/3弱下にスクロールした所に

/* 1カラム(ドロワーメニュー左) */

@media only screen and (max-width:749px) {
header a,
header a:link,
header a:visited{
font-size:1.4em;
}

という部分が有りますので、ここに1行追加して下さい。(↓こんな感じに)

/* 1カラム(ドロワーメニュー左) */

@media only screen and (max-width:749px) {
header a,
header a:link,
header a:visited{
font-size:1.4em;
color:#777; /* 追加 */
}

(タブレット端末やスマホでの見え方は、PCのブラウザ画面の幅を縮小してみる事で確認できます。)
勝手に書き連ねましたが、カスタマイズ不要であれば上記は読み捨てて下さいませ。
ドンドン、自分色のブログに変えて楽しんで下さいね。(^-^)
2019-04-04-04:37 * aki [ 返信 * 編集 ]

No Subject

春っぽい背景使わせて頂きました。
うまくかわりました。
2019-04-03-21:55 * yasuko [ 返信 * 編集 ]

aki とらのすけ 様へ

とらのすけ様 こんばんは♪
テンプレートのご利用・そしてコメント、有難うございます。m(__)m

時々 訪問頂いた方のブログを訪ねてみる事が有りまして、テンプレの使用未使用問わず面白そうなブログは拝読させて頂いております。(^-^)
またその際に(ご利用頂いている場合は)不具合が無いかも目視確認しています。
この度の件、記事にまでして頂いてかえって申し訳無いです。
お使い頂いて、また何かお気付きの点などがございましたら、どうぞ気兼ね無くお声掛け下さいね。
当方の分かる範囲ですが、お応えできる様 努力致します。(^^;

今後とも末永くお付き合い下さいます様、宜しくお願い致します。
2019-03-27-23:14 * aki [ 返信 * 編集 ]

No Subject

ふぁー!おらのブログなんかに来ていただいて、ありがとうございます…!
はじめまして、とらのすけと申します。

こちらにコメントを残したわけでもないのに、
助言まで頂けるなんて、ほんにありがたいです。
どうしていいのか全然わからなかったので、とっても助かりました。(´;ω;`)
早速試してみたいと思います!

Akiさんのテンプレート素敵なものばっかりなので、これからもきっと、こちらにたくさんお世話になると思います。
よろしくお願いします。(*ノωノ)
2019-03-27-09:06 * とらのすけ [ 返信 * 編集 ]