FC2ブログ

ブログをヒマワリで飾ってみました♪

2006年07月08日
さぁ七夕も終わったことだし、ブログを模様替えしてみました。
実は昨日、夕方から時間をかけてプレビューを繰りかえし、
いろいろやっていたのですが、今回も色の組み合わせに苦労しちゃいました。
色のセンスがないので。。。∑(; ̄□ ̄A アセアセ
なんとかまゆびなりに満足のいく仕上がりとなったので微調整をして公開です♪
七夕は夜のイメージでしたが、今回はまっ昼間のイメージ。
明るいイメージになりましたね♪(゚-゚*)(。。*)ウンウン
うさびの背景が梅雨の背景なのは。。。気にしないでください。(笑)
もちろんこちらも変更予定ですが、時間がなかったので。(゚ー゚;Aアセアセ
今日中に出来るといいのですが。。。
まぁのんびりと行きます♪

ではいつものように簡単に手順を書いていきます♪

(1)まずは背景画像の変更です。
もうお分かりだと思いますが(笑)、
「柚莉湖♪風と樹と空と♪」さまよりお借りして来ました♪
「夏の素材-6月 7月 8月 」の「向日葵・ひまわり・ヒマワリ」よりお借りしてます♪

body{
text-align: center;
background-color: #;
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: "MS UI Gothic";
/*●背景画像の設定はこちらで*/
BACKGROUND-IMAGE : url("http://blog~");
BACKGROUND-attachment : fixed ;
BACKGROUND-repeat : repeat ;
background-position: top right;
background-attachment:fixed;
margin: 0;
padding: 0;
text-align:top left ;
}

赤字の部分を新しい画像のURLに変更すればOKですね♪

(2)記事の右下、コメント投稿欄の右上に画像を配置します。
こちらのやり方は「ブログの壁紙をアジサイに変更!! 」にて
書いてありますので、そちらをご覧ください♪
こちらの画像も背景画像と同じページからお借りしました♪
とても素敵なヒマワリで満足♪(= ̄∇ ̄=) ニィ

(3)記事タイトルの下の区切りのラインを変更します。
前回は「★Paper Company-壁紙屋-★」さまで
借りていた水色のラインでしたが、同じ種類の色違いをお借りしました。
右サイドバーの方も全て変更しました♪
オレンジ色がとても元気なイメージにしてくれました♪

(4)そして記事と右サイドバーの枠の色の変更。
最終的には先ほどのオレンジ色のラインに色を合わせることにしました。
この枠のちょこっとした色を決めるのにすごく時間がかかった!!(苦笑)

(5)記事のタイトルに画像をつけます。
こちらは初めて挑戦です。
「柚莉湖♪風と樹と空と♪」さまのところに
可愛いアイコンがあったので、以前のように右サイドバーのテーブルの左上につけようかと
思ったのですが、こちらは何もない方がスッキリしていたので
記事タイトルの方につけることにしました。
こちらはやり方がよく分からなかったのですが、
とりあえず記事のタイトルを表示しているのはどこなのかを探してみます。
記事はentry、タイトルはtitleですから探してみると
怪しいところを発見!!(笑)
そこで赤字の部分を加えました♪

<td class="entry_bg"><div class="entry_title"><img src="http://blog~"><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a>


上手く表示されましたので満足していたのですが、
記事のタイトルが長い場合にはちょっと気持ち悪かったので、
(記事タイトルいつも長いし。笑)
記事のポイントを落としてみたりなどなどしてみましたが、断念。
そこでタイトル右下の日付の周辺につけることにしました。

<p align=right>
<a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:<%topentry_minute></a>
<script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>
<img src="http://blog~">


青字の部分が新着記事にupというマークをつける部分です♪
この画像も変えたいけど、今日は時間がないので我慢。
青字の部分の後に赤字の部分を付け加え、画像設置完了です♪

(6)アイコンの変更です♪
こちらは「ブログを七夕用に模様替え♪ 」にもやりましたので、
画像を変更するだけ。。。
今回は以前にお邪魔した「A Trial Product's 素材置き場 」より
お借りしました。
シンプルなものから可愛いものまでたくさんありますよ♪(*^-^)ニコ

(7)最後はスクロールバーの色を変更です。
これも相当悩んだのですが、今回はスッキリさせるために白系にしようと思い、
全部白に設定したら、ちょっと見づらくなってしまったので、
枠に色を追加してみることにしました。
詳しくは「スクロールバー色変えてみました!! 」をご覧くださいませ♪
まゆびの今回の設定はコチラ♪

scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffe4af;
scrollbar-highlight-color: #ffe4af;
scrollbar-3dlight-color: #ffe4af;
scrollbar-darkshadow-color: #ffe4af;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #555555;

白とオレンジの2色のみです。(笑)

これにてカスタマイズ終了♪満足満足。と喜んでいたのですが、
すごいことをしてしまった。。。
まゆびのカウンターはFC2のカウンターなのですが、
詳しいアクセス状況を見てみようかなぁと思ってログインしたときに、
管理画面のボタンと間違って、削除ボタンを!!
その上確認もなく、一発で消えたーーーーーーー!!(。´Д⊂) ウワァァァン!!
今までのアクセス状況は消えるし、
今日の今までのアクセス数も消えるし。。。orz
今日までの総アクセス数は覚えていたので、設定できましたが、
すごくショックが大きかったです。。。
まぁいいけどさ。ふん。
削除するときは「本当に削除しますけどよろしいですか?」って
聞いて欲しいものだわ!!
皆様はお気をつけくださいませ。

↓新しい「のんびり前進じたばた生活」はいかがですか?(o^-^o) ウフッ
スポンサーサイト



スレッドテーマ:テンプレート:ブログ

メイン

トラックバックURL


トラックバック

リスト表示~好きな画像を使って~ from yozoの気が向いたと記
 以前リスト表示についてのリストを表示しましょう♪という記事をUPしました。以前の記事はコチラどうせリスト表示を使うのなら、やっぱり行頭マークは自分の好きな画像を使いたいものですよね♪今回はリスト表示に好きな画像を使う方法を紹介します♪このカスタマイズは、 [Read More]

コメント

まゆび様、こんにちはーw
すごいすごい、これっていい感じ♪
今回のは、ケータイでもヒマワリが表示されたんですー(〃▽〃)
味気ないケータイサーフィンも楽しかったよん♪
とっても夏らしいイメージになりましたね。
私のブログは背景までいじる時間がなくて、ライブドアのをそのまま利用。
一応季節に合うものにたまに変えるようにはしてますけど・・・。

今日もまたうさびちゃんがすぐ俳句を読んでくれました。
サービス精神旺盛ですねえ♪

「あの理由 連絡したる 古物商」
まゆびさん、こんばんはー♪
これはまた・・・とても素敵ですね。オオーw(*゚o゚*)w
ひまわりの黄色に緑、TOPのカワイイ山と空の雲がいいです♪
スクロールバーがとってもいい雰囲気をだしているように思います。(゚ー゚)(。_。)ウンウン
いつものYurikoさんの素材はもちろんですが、「★Paper Company-壁紙屋-★」や「A Trial Product's 素材置き場 」さんの画像もとてもいいですね。 ちょっと今ここから飛ばさせていただいていました。m(_ _)m

>まぁいいけどさ。ふん。
アクセスカウンターは災難でしたね。yozoもFC2ブログにはFC2カウンターを
つけています。間違えないように注意しますね。(*´∇`*)
おおっ、こちらもがらりと雰囲気が変わりましたね♪
広々とした向日葵畑に、遠くには湖と山々。
ピクニックに出かけたくなる、爽やかなデザインですね。

>七夕は夜のイメージでしたが、今回はまっ昼間のイメージ。
そうそう、今あるデザインとは逆に変えたくなるんですよね~w

それにしてもアクセスデータの削除、ショックですね。
重大な操作のときは、確認メッセージがほしいものです。
まこさん、こんばんは♪(='▽')
>すごいすごい、これっていい感じ♪
>今回のは、ケータイでもヒマワリが表示されたんですー(〃▽〃)
やった~♪褒めてもらえて嬉しいです♪(*'-'*)
ありがとうございます♪<(_ _)>
まゆびは携帯や、他のブラウザでのチェックをしたことがないのですが、
たくさんの方に見てもらうにはやっぱりそのあたりも気を使わなければいけませんね。
なほまるさん、こんばんは♪(^▽^)/
>とっても夏らしいイメージになりましたね。
ありがとうございます♪(*^-^)ニコ
以前のカスタマイズのときに時間をかけたので、
今は画像を変えたりすることで大きくイメージを変えています♪
季節やイベントでちょこちょこ変えていこうかなぁと思っています♪
>私のブログは背景までいじる時間がなくて、ライブドアのをそのまま利用。
カスタマイズは結構時間がかかりますものね。ライブドア重いし。。。

なんと、また俳句を詠みましたか?
BlogPetたちはサービス精神が旺盛なのでしょうか?
まゆびもお友達のペットちゃんのほうがよく俳句を詠んでくれるような気がします♪
>「あの理由 連絡したる 古物商」
なんとなく意味が通じてる?(笑)
俳句のお知らせありがとうございました♪(*^-^)ニコ
yozoさん、こんばんは♪(o^∇^o)ノ
yozoさんにも褒めてもらえたわ♪ヾ(@⌒▽⌒@)ノワーイ!
>ひまわりの黄色に緑、TOPのカワイイ山と空の雲がいいです♪
まゆびも背景を探していたときにこの山と雲に一目惚れ♪
設定してみてとても可愛いブログになり大満足です♪(*'-'*)
>スクロールバーがとってもいい雰囲気をだしているように思います。(゚ー゚)(。_。)ウンウン
これは自分でもなかなか上手くいったなぁと思います♪
初めは緑だの青だの背景に合わせた色でどれが合うかチェックしていたのですが、
白のほうがスッキリすることが判明したのでアクセントの色を入れることにしました。

素材屋さん、役に立ったようでよかったです♪
とてもシンプルで可愛い画像がたくさんあったのでいろんなところに使えると思いますよ。

>アクセスカウンターは災難でしたね。
まさかワンクリックで消えるとは。。。
ボーっとして操作していたのも悪かったですが。。。
yozoさんも気をつけてくださいね♪
KOROPPYさん、こんばんは♪(o^∇^o)ノ
>おおっ、こちらもがらりと雰囲気が変わりましたね♪
頑張っちゃいましたよ。(笑)
簡単に出来ると思っていたのに細かいところで結構苦労しました。
>ピクニックに出かけたくなる、爽やかなデザインですね。
そうですよね!!(゚-゚*)(。。*)ウンウン
次の壁紙を探しにいったときに一目惚れでした♪(〃 ̄ω ̄〃ゞ エヘヘ
こんなところでペットたちとピクニックできたら素敵ですね♪(*'-')

>今あるデザインとは逆に変えたくなるんですよね~w
そうですよね♪(*^-^)/\(^-^*)ナカマ!
KOROPPYさんのところもオレンジ系にイメージチェンジされていて
すごく爽やかなイメージでしたよ♪(゚-゚*)(。。*)ウンウン

>それにしてもアクセスデータの削除、ショックですね。
>重大な操作のときは、確認メッセージがほしいものです。
まさかワンクリックで消えるとは思いませんでしたよ。。。
きっと同じ失敗をしている人がいっぱいいると思います。。。
ボーっとしていたまゆびも悪いですけどね。
同じミスは繰り返さないようにしなければ!!
まゆびさん、こんばんは。
ひまわりがっぱい♪まゆびさんトコには、一足早い夏が来てるのね~
ひまわりの花の間を、うさびちゃんが走り回ってる・・・そんな感じだよね。
コメント欄の、ひまわりの花束も素敵ですよね。
コメントしたら、花束をお持ち帰りさせていただいちゃいますね。
スクロールバーの縁取りも、ひまわり色にそまってるし♪

削除する時・・・確認してほしいですよね。
FC2Blog。使いやすそうですね。今、沙耶Blogを作ろうか考え中なのです。
てるひさん、こんばんは♪ヾ(=^▽^=)ノ
>ひまわりがっぱい♪まゆびさんトコには、一足早い夏が来てるのね~
紫陽花背景に戻すか、また別の背景にするか悩んだのですが、
この背景に一目惚れしてしまったので、ヒマワリ一色にさせていただきました♪
あとはうさびの背景を夏用にしなくっちゃ♪(o^-^o) ウフッ
>ひまわりの花の間を、うさびちゃんが走り回ってる・・・そんな感じだよね。
すごく嬉しいです♪うちのブログのメインはうさびですからね。(゚-゚*)(。。*)ウンウン
ひまわりの花束もちょうどいい大きさの画像でよかったです♪
楽しんでコメントを書いてもらえたらいいなぁ♪(*'-')

>削除する時・・・確認してほしいですよね。
しばらく立ち直れませんでしたよ。。。
無駄なことは分かっているのにブラウザの戻るを押してみたり。(苦笑)
>FC2Blog。使いやすそうですね。今、沙耶Blogを作ろうか考え中なのです。
FC2ブログはなかなか使いやすいですよ。
最近スパム対策が強化されて海外スパムも入らなくなったし、
なかなか快適です♪(*'-'*)
こんばんはー。まゆびさん。

私ねー。私ねー。
ひまわり大好きなんです。玄関を入ると、下駄箱の上は、一年中ひまわりスペース。
子供の頃からひまわりグッズを買いあさり、それで、毎年ひまわり畑を見に行くほどーーー♪
なので、ここに来た瞬間からもう大興奮☆
なんて、かわいいのーーーー♪
あああーーー。最高です♪
色もとってもきれいだし、鮮やかなひまわりが引き立ってるぅーー♪
センスありますよー。いつもかわいいなぁーと思って見てるんですよー♪
とってもステキな背景☆
いつも楽しみにしています!!!
enuさん、こんばんは♪(o^∇^o)ノ
なんとenuさんはそんなにヒマワリ好きでしたか!!
玄関のところのヒマワリグッズ、とても素敵でしょうね。
>子供の頃からひまわりグッズを買いあさり、それで、毎年ひまわり畑を見に行くほどーーー♪
それはすごい!!(゚-゚*)(。。*)ウンウン
まゆびもヒマワリ好きですよ。
すごく元気なイメージだし、色も綺麗ですよね♪

>なので、ここに来た瞬間からもう大興奮☆
こんなに喜んでもらえたら本当に嬉しい♪(*´∇`*)
画像を探したり、どこにどれを配置するか考えたりなどなど、
結構悩んだのです。
「柚莉湖♪風と樹と空と♪」さまのところで素敵な背景をお借りできて、
良かったです♪(o^-^o) ウフッ
まゆびさん(。・ω・。)ノコンチャ☆・゚:*:゚
七夕が終わってすっかりと夏景色になりましたね~(*´ω`*)ポッ
ヒマワリ畑から遠景を臨む感じでとても爽やかな仕上がりですね!
こういうカスタマイズが出来ちゃうのってすごいなぁと
ただただ尊敬するばかりです( ̄ω ̄*)ポー
やってみなけりゃ出来るようにはならないというのはわかっているものの、
チャレンジしてしっかりカタチになさってるまゆびさんを尊敬だ(*'▽'*)わぁ♪
モンビッケさん、こんにちは♪(o^∇^o)ノ
>ヒマワリ畑から遠景を臨む感じでとても爽やかな仕上がりですね!
褒めていただけて本当に嬉しいです♪
素材屋さんのおかげでとても素敵なブログへとイメージチェンジすることができました。
>こういうカスタマイズが出来ちゃうのってすごいなぁと
>ただただ尊敬するばかりです( ̄ω ̄*)ポー
まゆびも一度目のカスタマイズ挑戦のときはすごく苦労しましたよ。
丸一日かけましたもの。(笑)
今はそのときのテンプレートのまま画像を変更していくだけなので
以前よりは楽にできますが。。。でもやっぱり画像の配置、色の設定は
難しいですね。
ひとつずつでもやりたいことに挑戦していけばなんとなく分かるようになると
思いますよ。まゆびもやっているうちに「もしかしてこうやったら出来る???」と
なんとなくですが、方法が分かるようになってきましたしね。
もちろん失敗も多いですが。。。(笑)

コメントする

サイト管理者にのみ通知する
コメントをプレビューする?
ご利用のブラウザ、設定ではご利用になれません。

|

Copyright c 200x xxxxx. All Rights Reserved.

/for one column -->