さぁ七夕も終わったことだし、ブログを模様替えしてみました。
実は昨日、夕方から時間をかけてプレビューを繰りかえし、
いろいろやっていたのですが、今回も色の組み合わせに苦労しちゃいました。
色のセンスがないので。。。�堯�;￣□￣Ａ ｱｾｱｾ
なんとかまゆびなりに満足のいく仕上がりとなったので微調整をして公開です♪
七夕は夜のイメージでしたが、今回はまっ昼間のイメージ。
明るいイメージになりましたね♪(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ
うさびの背景が梅雨の背景なのは。。。気にしないでください。(笑)
もちろんこちらも変更予定ですが、時間がなかったので。(ﾟｰﾟ;Aｱｾｱｾ
今日中に出来るといいのですが。。。
まぁのんびりと行きます♪
ではいつものように簡単に手順を書いていきます♪
(１)まずは背景画像の変更です。
もうお分かりだと思いますが(笑)、
「柚莉湖♪風と樹と空と♪」さまよりお借りして来ました♪
「夏の素材-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に変更すればＯＫですね♪
(２)記事の右下、コメント投稿欄の右上に画像を配置します。
こちらのやり方は
「ブログの壁紙をアジサイに変更!! 」にて
書いてありますので、そちらをご覧ください♪
こちらの画像も背景画像と同じページからお借りしました♪
とても素敵なヒマワリで満足♪(=￣∇￣=) ﾆｨ
(３)記事タイトルの下の区切りのラインを変更します。
前回は
「★Paper Company-壁紙屋-★」さまで
借りていた水色のラインでしたが、同じ種類の色違いをお借りしました。
右サイドバーの方も全て変更しました♪
オレンジ色がとても元気なイメージにしてくれました♪
(４)そして記事と右サイドバーの枠の色の変更。
最終的には先ほどのオレンジ色のラインに色を合わせることにしました。
この枠のちょこっとした色を決めるのにすごく時間がかかった!!(苦笑)
(５)記事のタイトルに画像をつけます。
こちらは初めて挑戦です。
「柚莉湖♪風と樹と空と♪」さまのところに
可愛いアイコンがあったので、以前のように右サイドバーのテーブルの左上につけようかと
思ったのですが、こちらは何もない方がスッキリしていたので
記事タイトルの方につけることにしました。
こちらはやり方がよく分からなかったのですが、
とりあえず記事のタイトルを表示しているのはどこなのかを探してみます。
記事は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というマークをつける部分です♪
この画像も変えたいけど、今日は時間がないので我慢。
青字の部分の後に赤字の部分を付け加え、画像設置完了です♪
(６)アイコンの変更です♪
こちらは
「ブログを七夕用に模様替え♪ 」にもやりましたので、
画像を変更するだけ。。。
今回は以前にお邪魔した
「A Trial Product's 素材置き場 」より
お借りしました。
シンプルなものから可愛いものまでたくさんありますよ♪(*^-^)ﾆｺ
(７)最後はスクロールバーの色を変更です。
これも相当悩んだのですが、今回はスッキリさせるために白系にしようと思い、
全部白に設定したら、ちょっと見づらくなってしまったので、
枠に色を追加してみることにしました。
詳しくは
「スクロールバー色変えてみました!! 」をご覧くださいませ♪
まゆびの今回の設定はコチラ♪
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;
白とオレンジの２色のみです。(笑)
これにてカスタマイズ終了♪満足満足。と喜んでいたのですが、
すごいことをしてしまった。。。
まゆびのカウンターはＦＣ２のカウンターなのですが、
詳しいアクセス状況を見てみようかなぁと思ってログインしたときに、
管理画面のボタンと間違って、削除ボタンを!!
その上確認もなく、一発で消えたーーーーーーー!!(｡´Д⊂) ｳﾜｧｧｧﾝ!!
今までのアクセス状況は消えるし、
今日の今までのアクセス数も消えるし。。。orz
今日までの総アクセス数は覚えていたので、設定できましたが、
すごくショックが大きかったです。。。
まぁいいけどさ。ふん。
削除するときは「本当に削除しますけどよろしいですか？」って
聞いて欲しいものだわ!!
皆様はお気をつけくださいませ。
↓新しい「のんびり前進じたばた生活」はいかがですか？(o^-^o) ｳﾌｯ
