でかななのブログ一覧

フッタ(下の画像です)画像が、ど～しても欲しかったので
とらんちょさんのブログを参考にさせていただき
色々と弄ってみました。

①画像の用意
　「マイページ」⇒「管理」「スタイルシート」⇒「スタイル用画像」で
　横930ピクセル(縦はどんなサイズでも可)の画像をアップ。
　表示されたURLをコピーしておいてください。

②詳細設定へ追記
　「マイページ」⇒「管理」「スタイルシート」⇒「詳細設定」で
　「ページの基本」「ユーザー領域」に、以下をコピー。

　　background:url(①の画像のURL) no-repeat center bottom;

③詳細設定へ追記２
　「マイページ」⇒「管理」「スタイルシート」⇒「詳細設定」で
　「ページの基本」「コンテンツ領域」に、以下をコピー。

　　border-width:0 0 20px 0;
　　border-color:transparent;
　　border-style:solid;

　　「20px」と書かれている所が、画像の縦のピクセル数となります。


ただし、この方法だと…
下に広告が入った場合、重なる可能性があるので
上に余白をもった画像を用意すると良いかもです。

ブログのアイコンだけじゃ不満なので
プロフィールのアイコンも変えちゃいます。

プロフィール関係を探すと…ありました！
「.ProfileTitle」と書いてます。この中にある
background-image: url('ここにURLをコピー');いじると…
でけたーバンザーイ!! ＼(￣▽￣ )/

最初は、チェリーレッドのスバルマークで
チャレンジしましたが、サイズ指定が上手くいきません…。

だんだん面倒になってきたので
元の画像の色変えにしちゃいました(^-^;
ちなみに…サイズは「16×15」です。

つづく

アイコンも変えちゃえ！ということで
せっかくなので、チェリーレッドにしちゃいます。

あいかわらず、サイズは適当(^^;
みんカラにアップしてっと。

適当にいじくってると発見！
「.Title」の中の
background-image: url('ここにURLをコピー');
で、アイコン画像が変わります。

さぁて、ここからなのですが
アイコン画像がでかいのか、ちゃんと収まりません。
余白が足りないようです。

「padding-left: 19px;」と書かれた場所を
「padding: 6px 40px;」と書き直します。
数値は、プレビューで何度も見て合わせました。

だんだん慣れてきたぞ(^_^)

つづく

STI大好きなでかななは、
どうしてもこれをしたかったのです。

それは、タブの色変え。
ここをチェリーレッドにしたい！！ということで
挑戦しました。


まさか、タブって書いてないよなと探すと…
ありました(^^;

２つあるうちの
TabActiveがタブ選択時の色
TabInactiveがタブ非選択時の色です。
ここの「background-color」の数値を変更すると…

おおっ！できました(=￣▽￣=)Ｖ
ちなみにでかななは、以下のように変更しました。

TabActive　background-color: #DA366B;→明るい
TabInactive　background-color: #bd013c;→暗い


つづく

ここまできたら、背景も変えちゃえってことで
グラフィックを用意。

サイズは適当（爆）
やっぱりみんカラに画像をアップしてURLをコピー！

まさか、バックグラウンドって書いてないよなと探すと
ありませんでした(T▽T)

さぁ、困った…。
ここは、ない知識を搾り出し、それらしいところを探す。

勘で（爆）
「body」の中にある、
「background: #000000;」を
「background-image: url('ここにURLをコピー');」と
HTML風に書き換えてみる。

勘が冴えました！見事成功(=￣▽￣=)Ｖ

ちなみに…
background-repeat:no-repeat;は
no-repeatで、写真を固定してスクロール出来ます。
repeatだと写真も動きます。

しかし…更なる試練が…

つづく