でかななのブログ一覧

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だと写真も動きます。

しかし…更なる試練が…

つづく

トヨタの間欠時間調節つきワイパーレバーが
今日届きました！(^o^)/

早速、取り付けようと思いましたが…
風邪でとっても具合が悪いので
もう寝ることにします(><)

フッダー（下の部分）に絵を入れる。

今回は、横幅750ピクセルって解っているので
安心して作成！進歩、進歩！

ヘッダーと同じくアップしておいてURLをコピー！

まさか、フッダーって書いてないよなと探すと
ありました(^^;「#Footer」がそうです。

そこの中の
/*background: url('/styles/images/header.jpg') no-repeat;*/を
background-image: url('ここにURLをコピー');に変更すると…
出来ました(^O^)
ここは楽勝！

つづく

タイトルの字体を変えたくて
グラフィックに入れてしまったばっかりに
①の下線のように、タイトルが２重になりました(^^;)

これには、参りました。
どこをどういじっても、消えません(Ｔ▽Ｔ)

格闘すること１時間あまり…
どうしようもないので
「プロフィール」の「タイトル」に
半角スペースを１文字入れました。

②にように、見事表示されていませんが
「ブログ」→「ブログ企画用」とか見ると
下記のような表示になります。

[でかなな / ]

…なので、お勧めできません(^^;;
誰か他の方法をご存知の方は教えてくださいm(._.)m

※追記
　いしてつさんがすばらしい方法を教えてくれました！
　大感謝です！
　詳しくは、コメントを参照してください。
　
まだつづく