ikusion13trのブログ一覧

自分のミスにより詳細編集が出来なくなってしまったので簡易編集にて
なんとか見やすくなったような・・・背景も気に入ってたやつつけてみたが・・・
固定ができないので（ノへ＜）も～このさい縦リピートでいいやｗ
ってな感じになりました。

背景色とリンク色を改善しないと、ちょっとシツコイ？

今回は手を抜いて無料で配布されてるＷｅｄ素材のサイト様から素材を借りてヘッダー画像に当ててみました。

自分の愛車や好きな読書モノでもイイのですが、そうでない人やシンプルに見せたい人など・・・
訪問者が素直に「これカッコイイ」とか「カワイイ」「キレイ」と言える言わせるには
こういうのがイイかな？と思いまして書いてみたので参考にして下さい。

■先に注意。
みなさん、Ｗｅｄ素材を使用するさいには
素材をお借りするサイト様の規約をキチンと読んでから使用して下さいね。
中にはブログ使用も禁止されてるサイト様もありましたので・・・（＾＾；注意してね♪
ちなみに自分が借りてるサイト様は「リンクはちゃんとしてね」ってサイトでした。


　　↓


①リピート仕様のもの（画像のようなヤツの）

使うＷｅｄ素材は「壁紙」と呼ばれるものと「ライン」と呼ばれるアイテムを使うとイイと思います。

「壁紙」は一つの絵ではなく背景全面表示系のアラベスクやタイルみたいなタイプや、
上部・下部・中央と横に伸ばして設置するタイプをオススメします。

「ライン」も横に伸びるものを使用するとシンプルで良いですね。

ちなみに画像のハロウィンの素材は１００ｘ８０という、とても小さな壁紙素材です。
これは上部の横に伸ばして設置するタイプです。
みんカラのヘッダーは縦は自由に動かせるので８０に、横は９３０の放置で上手く合わせられました。


縦サイズ変更は、スタイルシート→詳細編集→ヘッダー領域のheight:数字px;の数字を変えてねｗ


　　↓


②リピートさせない方法

使う素材は「ライン」の一点ものなどがイイと思われます（それ以外思いつかない）
愛車画像でも、写真が小さいなと思った時でも使える方法です。

スタイルシート→詳細編集→ヘッダー領域にタグの付け足しです。

background-repeat:no-repeat;
background-attachment:fixed;
background-position:半角数字% 半角数字%;

数値は、まだ研究中ですｗ　　いちおう、中央の上が　50% 10%　
・・・右を0%にするとマイページの下のバーに入っちゃっいます。


パソコンによっては半角スペースは要らないみたいですよ



２０１３年に時代の進化？として確認したところ、
　写真1枚のパターンだとパソコンで見るとちょうどイイですが
　タブレット確認では上下の隙間が出たので、ちと残念。
　敷き詰めタイプの背景は大丈夫です。

くろまさんのブログの背景がステキで、ついうっとりｗ

ついでに、くろまさんの「ブログ記事の"コメントする"を変更してみる」に激震！！

アレって目立たないし今までに見た方は枠をつけるとかでしたけど、なんと画像でボタン！

面倒だけど、やりがいはありそうですね！！



・・・しかしログイン＆ログアウトの繰り返しと来たかｗ

前々回はへーきだったけど、前回のブログでは追い出されたので不安が（´ー｀；



コメント下さった稲恋さんとか元気バリバリでガツガツ進んで行ってるので

そういうチャレンジャーさんたちが色んな方法を見つけてくれてからにしようかな？（おい）

ちなみに稲恋さんの「コメントする」ボタンに画像を使う方法


*くろまさんのは画像自体をポチっと押す方法

*稲恋さんのは枠を画像にする方法です。

・・・通じるかな？

稲恋さんのLight color of the flower ＊　～淡い花色～

憧れのテーブル変更とか・・・「何シテル」の下のアレが気になったりとか

それなのに、とてもシンプルにアレンジされていて、

琴音さんと同じくイジリ方も載せて下さってます！　自分、参考にさせて頂きます！！！

カレンダー当日の色とリンクのマウスオーバーを

背景の色に合わせて（同じ色にして）みました。

・・・「何シテル？」は基から？？



自分的にはカレンダー当日が穴が開いて指が入りそう的な感じ

マウスオーバーは、まぁ普通（オイ）

まぁ背景透視してるせいもあるかもだけど・・・

いつも目立たせることを考えてたので

その背景の色に合わせて変えるのも、なんか新鮮かな？と思いましてｗ

「そうかも？」って思った人は試してみてください♪



＋自分のブログの背景色

スタイルシート→詳細編集→「ページ基本」→ページBodyの中の　background-color:#カラー番号;

で、解ります。

それを半角で書いてあるので覚えて↓カレンダー当日の背景の色に入力。



＋カレンダー当日の色の変更（以前も書きましたが）

スタイルシート→詳細編集→「サイドメニュー」→ブログカレンダー当日で

background:#背景のカラー番号;
color:#文字のカラー番号;

参考に黒は#000000　白は#ｆｆｆｆｆｆ　です。

文字の色も一緒にすると本当に穴が開いたみたいになると思います。




＋マウスオーバー

スタイルシート→詳細編集→「ページ基本」の

「リンク」「ユーザー領域リンク」「コンテンツ領域リンク」「ヘッダータイトル」の(マウスオーバー)

これも　color:#文字のカラー番号;　で出来ます。

・・・ちゃんとヤル！って人は他のカテゴリー「サイドメニュー」とかも直して下さいね。

自分は、面倒なので「ページ基本」にあるのしか　しません　orz


色見本はネット上に数多くあります、面倒な方は右バーのリンクのSupportにあるので開いてね♪