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を全て削除し、上記(リンクで表示された)スタイルシートを全てコピー&ペーストして下さい。
その後更新して完了です。
(エントリー全文表示の方は、更にこの記事のスタイルシート部分だけを再度修正して下さい。
不具合が有った時のために複製を作っておくと安心です。

【重要】 上記のCSSは、修正・更新記事『テンプレートの修正・更新致しました。10/22』の
1) 要約表示時にサムネイル画像が無い場合の代替画像を data URI に変更。
を適用済みです。もし、この記事以前のDLテンプレートに適用する場合は、上記オレンジ文字の記事の作業を行ってからご利用下さい。m(__)m


[Tag] * 着せ替え * カスタマイズ

最終更新日 : 2020-02-17

Comments

No Subject

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

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

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

とらのすけ URL [ 返信 ]

aki

とらのすけ 様へ

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

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

今後とも末永くお付き合い下さいます様、宜しくお願い致します。
2019-03-27-23:14

aki https://sorauta1.blog.fc2.com/URL [ 返信 * 編集 ]

No Subject

春っぽい背景使わせて頂きました。
うまくかわりました。
2019-04-03-21:55

yasuko https://amimumeyasu.blog.fc2.com/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 https://sorauta1.blog.fc2.com/URL [ 返信 * 編集 ]







非公開コメント