いりあんのブログ一覧

1年前にブログの背景画像を変更したり色々やりました。
久しぶりにフォルクスワーゲンのカレンダーをトレース描画したのでその作品を背景にしてみました。
前回はいりあん的には「メジャーアップデート」でしたが、記録を見てもどういう方法を使ったかナカナカ思い出せませんでした。
昨年、徹夜して変更した設定がオジャンになるかと怯えまくりました！
しかし「エイヤ！」背景を変更したら以下の方法で正常な表示になりました。


「スタイルシート」の「簡易編集」で背景ファイルを選択し、「縦リピート」を選ぶ



毎度のことですが、画像を変更すると設定していたアクセスカウンターが消えるので「詳細編集」で元に戻しておきます。


トレースもブログ模様替えもチョクチョクやらないとやり方忘れてしまいますね(^^ゞ

もう少ししたらみんカラ14年目になりますが、これからもよろしく！

【注記】
スタイルシートをチョコチョコ変更するたびに新しく投稿すると訳がわからなくなるので「ベーススタイル（青）」を使っている限りこのブログに追記します。


スタイルシートのカスタマイズが一段落して自分のブログを眺めていたら独自で設定したタイトル見出しアイコン「GTI Devil」の隣に「タイヤアイコン」がついています。
このアイコンは不要なのでお暇願うことにしました。

元「MS　P　ゴシック」
文字が少し大きくなり、見やすくなりました。


本当に「富士ポップＰ」フォントが使用されているかは当方の場合キーボード「F12」にてブラウザ使用フォントを確認できます。


綿密なる調査の結果、「メイリオ」フォントが良さげなのでフォントを変更しました。(^^ゞ

あれやこれや設定を変更しましたが、完全に理解していないため、あちらを立てればこちらがなんとやらで見やすいところと見づらいところができてしまいました。

そこで「スタイルシート」→「簡易編集」→「ベーススタイルの読み込み」に注目しました。
ベーススタイルなら予め見やすい色の組み合わせをお膳立てしてくれているのでここから出発すればゴールは近いと思いました。
どれにしようかと悩んだ結果、カーボン（青）にしました。
なんと、このベーススタイルは透過背景を使っていたのであれやこれやの設定は不要でした！


背景画像の固定はこちらを参考にさせていただきました。


※これまでの設定も初期化されたので
1.アクセスカウンターはこちら
2.ブログ掲載画像の拡大表示はこちら

スタイルシートの「プレビュー機能」で保存前にデザインを確認できますが、「ベーススタイル」は保存しないと確認できないので苦労しました！(^^ゞ

今回は「あれやこれや試行錯誤した顛末は何じゃラホイ！」感が少々ございますので時間をおいて再挑戦致します！
(^^ゞ！

みんカラ加入13周年を迎え、浮かれきっております。
浮かれついでに背景の透過率を80%→50%にして何とか文字を見やすくできないかやってみました。
まず、文字色を変えることを考えましたが、サイトは上から「文字（黒）」、「背景（白）」そして「背景画像（多色）」という風にレイヤー構造になっています。


この文字色を黒から別の色に変えても背景画像の色と被ってしまうことがあります。
このため、背景の透過率を80％（余り透過させないで文字を目立たせる）にしていました。
今回考えたのは「文字を自立させる」よう、「影」付けることにしました。
「ページの基本」「ページBody」に下記を挿入しました。
text-shadow:1px 1px 3px #939393;

書式は以下の通りです。
text-shadow:水平方向の位置 垂直方向の位置 ぼかしの長さ 色;

【追記】
もう少し見やすくするため文字を太くしました。
font-weight: bold;




まだまだ発展途上でお見苦しいとは思いますが、ボケ防止にご協力のほど、お願いいたします。

スタイルシート→詳細編集→共通コンテンツにて3カ所background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/005/contents.gif) repeat-y;を下記に入れ替えます。
background-color:rgba(255,255,255,0.8);
「255,255,255」は白のカラーコード、0.8は透過率を表します。
文字の色との関係でこれぐらいの透過率にしました。
変更方法がが判ったので微調整して最適化していきます。




　ページの基本→ユーザー領域にbackground-attachment: fixed;を挿入します。

ただし、タイトル画像を変更するたびに再設定する必要があるかも、、、【要確認】