FC2ブログ

ブログを七夕用に模様替え♪

2006年06月24日
急に思い立ち、ブログ全体を七夕イメージにしようと、
素材探しからスタート。
あれでもない。これでもないと試行錯誤を繰り返し、
気がついたらもう4時間。。。(苦笑)
なんとか満足のいくスキンとなりました。
CSSをいろいろ触っていたのですが、
色が変わらなかったりなどなど本当に苦労しました。
お借りしてきた素材の紹介と覚え書きとして手順を書いていきます♪

まずは背景の変更。
素材はまた「柚莉湖♪風と樹と空と♪」さまより
お借りして来ました♪(o^-^o) ウフッ
「夏の素材」の「七夕飾り・織り姫・彦星」からお借りしています♪
初めはシンプルな星の背景にしようと思っていたのですが、
やっぱり七夕といえば願い事の短冊だよねーということで
この背景に決定しました。
この背景にしたことでタイトルの文字の色が気になり
変更しようとしていたのですが、ここに苦労した!!
サイトタイトルを表す部分のCSSの文字の色を変更しても
変わらないし。(T△T)
よく考えたら、タイトルはリンクの色になっているのですね。
それに気がついたのはいいのですが、
全部のリンクの色を変えるわけにはいかないですし。。。
そこでheaderの部分にリンクの色を変える設定を入れることにしました。

#header {
width : 630px;
height : 100px;
margin-top: 0px;
padding-top: 0px;
text-align: left;
background-color: #;
background-image: url();
}
#header a,{color: #ffffff;}

最後の行の記述が追加部分です。
これでタイトル部分は白い字になりました♪(*^-゚)v

次に前回の「ブログの壁紙をアジサイに変更!! 」の記事で紹介した方法で
記事内の右下に画像を入れます。
今回は画像のURLを変更しただけでOKなので楽でした♪
こちらの画像も「柚莉湖♪風と樹と空と♪」さまの「七夕(たなばた)バナー」より
お借りしました。

次にリストのアイコンの変更です。
今までは植木鉢のアイコンだったのですが、
星のアイコンを「柚莉湖♪風と樹と空と♪」さまの
「星の背景とアイコン(アニメ)」よりお借りしました。
いろいろな色があったのですごく悩んだのですが、
涼しげな青いお星様で決まり!!(゚-゚*)(。。*)ウンウン
やり方はCSSの
li { ~ }の部分を探してください。
その中にbackground: url(http://~.gif) no-repeat;
の記述を入れればOKです♪

その次に記事タイトル下のラインを変更することにしました。
青い色で可愛いものがないかなぁと探していたら
「★Paper Company-壁紙屋-★」さまで可愛いラインを発見!!
初めてお邪魔したのですが、とっても可愛い画像ばかりで
目移りしちゃいました。可愛い系が好きな方はぜひ
出かけてみてくださいませ♪いい素材に出会えるかもしれませんよ!!
今回は「ICON・LINE」の「BLUE1」よりお借りしました♪
長い方は長すぎてテンプレートが崩れてしまったので、
短い方を2つ並べることにしました。
あと右サイドバーの方の左上にいつも何らかの画像を入れるのですが、
いい大きさの画像が見つからなかったため
このラインをタイトルの下にも配置♪
すっきりした感じになりました♪

最後に記事のテーブルと右サイドバーの枠の色と
スクロールバーの色を変更して出来上がり!!
ああ、疲れたーーー!!(笑)

「柚莉湖♪風と樹と空と♪」さま、「★Paper Company-壁紙屋-★」さま、
本当に素敵な画像をありがとうございました♪<(_ _)>
素材をお借りする時は必ずそのページの注意事項を確認してくださいね♪

↓七夕スキン、楽しんでもらえたら嬉しいです♪d(*⌒▽⌒*)b ニコニコッ
スポンサーサイト



スレッドテーマ:カスタマイズ:ブログ

メイン

トラックバックURL


トラックバック

コメント

すごい!イメージチェンジですね。
夜にお邪魔する事が多い私にはまさにピッタリの背景です。
お昼間でもとってもロマンティックな背景で思わず空想をしてしまいそう。
とても七夕が待ち遠しくなっちゃったわ♪
優しげでカラーも涼しげな夏の夜空を楽しませていただきます。
サイドバーのラインも背景にピッタリで上品なイメージがいいですね。
ととろさん、こんばんは♪(*'ー')
イメチェン出来たのはいいのですが、4時間もかけるとは。。orz
七夕背景なのであまり長くは使えないのですが。(苦笑)
でもたっぷりこれで七夕を楽しむことが出来ます♪(o^-^o) ウフッ
>お昼間でもとってもロマンティックな背景で思わず空想をしてしまいそう。
>とても七夕が待ち遠しくなっちゃったわ♪
O(≧▽≦)O ワーイ♪ そう言ってもらえると本当に嬉しいですーー!!
皆さんにも楽しんでもらえるといいなぁ♪(o'▽')
>サイドバーのラインも背景にピッタリで上品なイメージがいいですね。
色がとっても気に入ってお借りしちゃいました♪
これからの季節にピッタリな色で気に入ってます♪(*^-゚)v
まゆびさん、こんばんはー♪
わぁ~♪模様替えされたのですねぇ~♪
いつもいつも本当に素敵な壁紙やパーツですね。
右サイドのタイトルと記事タイトルのラインがそろってるのが
とてもいいですよ。グッ!! ( ̄ε ̄〃)b
header部分だけ、リンクの文字色を変えるCSSなんて、ナイスですね。
色々と応用できる記述の仕方。勉強になりました。
さすが師匠ですね♪(*^-゚)vィェィ♪ 凸ぽちっとね♪
まゆびさん(*・ω・)ノ~☆コンバンワ♪
すっかり七夕模様になりましたねー^^
ロマンティックな雰囲気バッチリです!
テンプレート、自分でカスタマイズされてるんですね。
すっごい( ̄ω ̄*)ポー尊敬しちゃいます!!
凝りだしたらとまらなくなりそうですね^^・・・ってすでに4時間戦われたのか(笑
yozoさん、こんばんは♪(*'ー')
またまた「柚莉湖♪風と樹と空と♪」さまからいっぱいお借りしちゃいました。(o^-^o) ウフッ
素敵な素材屋さんのおかげで可愛くできちゃいましたよ♪
>右サイドのタイトルと記事タイトルのラインがそろってるのが
>とてもいいですよ。グッ!! ( ̄ε ̄〃)b
実はここのところですごく悩んだのです。
今までどおり何らかの画像を入れるか、今回のようにラインを入れるかで。
いろいろプレビューを繰り返した結果、これが一番いいなぁと思い決定しました!!
「★Paper Company-壁紙屋-★」さまのラインのおかげですね♪

>header部分だけ、リンクの文字色を変えるCSSなんて、ナイスですね。
本当にいろいろ試行錯誤してやっとできたのです。
この文字色を変えるだけでどれだけ時間がかかったことか。(笑)
でも次回からはタイトル部分は楽になりますね♪(*^-゚)v
モンビッケさん、こんばんは♪(*゚▽゚)ノ
>すっかり七夕模様になりましたねー^^
>ロマンティックな雰囲気バッチリです!
ヽ(▽^〃ヽ)ヽ(〃^▽^〃)ノ(ノ〃^▽)ノ ワーイワーイワーイ♪
ロマンティックだなんてとっても嬉しいですーー!!
ありがとうございます。<(_ _)>
以前から少しずつカスタマイズをちょこちょこして勉強しているのです。
自分でいろいろやってみるのが一番ですからね。
初めて大掛かりなカスタマイズをしたときは知識もほとんどなく
1日がかりで変更しましたが、今は大分短い時間でできるようになりました。
でも4時間かかったけど。(笑)
こんにちはー。まゆびさん。
来てみてびっくりー!!!すごい・・・・模様替えしたんだぁー。
しかもとってもステキ♪
七夕だぁー♪
しかもコメント欄にwelcomeって。うれしい心遣い♪
とってもステキですよー。
星もキラキラしていて、きれい♪
前のアジサイも大好きだったけど、これもまたステキだわー♪
来るのが楽しみになっちゃう♪
いつもステキなものをたくさん見せてくださってありがとうございます♪癒されちゃう☆
まゆびちゃん、こんにちは^^
苦労のかいがあって とっても素敵な七夕スキンになってます(^^)d
とってもd(゜゜)oよくできました!
ラインもかわいいし、コメントのささのは短冊のイラストも可愛い^^
案外難しいのが文字色とかラインのの色変えですよね。
私も苦労してます(*^^*) ァハ
私はおおざっぱだけど まゆびちゃんは完璧だね(*^▽^*)
七夕を楽しませてもらいますね♪
(*゚0゚*)オ(*゚・゚*)ツ(*゚◯゚*)カ(゚▽^*)ノ^☆レ
enuさん、こんにちは♪(*'ー')
昨日は模様替え頑張っちゃいましたよ。(〃⌒∇⌒)ゞえへへっ♪
画像を探すのに時間がかかり、
その後トラブル続出で、大変でしたが満足です♪(o^-^o) ウフッ
>しかもコメント欄にwelcomeって。うれしい心遣い♪
七夕らしく短冊になっていて素敵だなぁと思ってお借りしてきたのです♪
>前のアジサイも大好きだったけど、これもまたステキだわー♪
>来るのが楽しみになっちゃう♪
ゎぁぃ♪ ヾ(*⌒∇⌒)八(⌒∇⌒*)ツ ゎぁぃ♪
すごーく嬉しいコメントをありがとうございますー♪ヽ(*^^*)ノ
頑張った甲斐がありました♪
七夕までの短い期間ですが楽しんでくださいね♪(o^∇^o)ノ
いつも本当にありがとうございます♪
ゆうゆさん、こんにちは♪(^▽^)/
わ~い♪\(*^▽^*)/\(*^▽^*)/\(*^▽^*)/わ~い♪
褒めてくださって本当にありがとうございます。<(_ _)>
コメントの短冊のイラストが好評でとっても嬉しいです♪
「柚莉湖♪風と樹と空と♪」さまのイラストのおかげで
まゆびのブログも可愛くなりました♪(o^-^o) ウフッ
>案外難しいのが文字色とかラインのの色変えですよね。
>私も苦労してます(*^^*) ァハ
そうなんですーー。どうも色のセンスがなくて。。。 (;´Д`A ```
まゆびもかなりおおざっぱな設定にしてしまいました。(苦笑)
七夕までのスキンですが、ぜひ楽しんでくださいねー♪(*^-^)ニコ
いつも嬉しいコメントありがとうございます。<(_ _)>
まゆびちゃん こんばんは。

スゴイ♪スゴイ♪模様替え大成功ですね♪
私には半永久的に無理な事ですが・・・
まゆびちゃんの所で色々と楽しませて頂いてるだけで満足しています♪

色合いといい コメント欄の「Welcome」といい最高ですd(*'-^*)b♪
マミーさん、こんばんは♪ヾ(=^▽^=)ノ
O(≧▽≦)O ワーイ♪ マミーさんにも褒めてもらっちゃった♪
本当に嬉しいです♪ありがとうございます。<(_ _)>
>私には半永久的に無理な事ですが・・・
ちょっとしたことで雰囲気はがらりと変わりますよ♪
テンプレートを変更するのも手ですしね。
(探すのは時間がかかっちゃいますが。)
まゆびも初めの頃は公式テンプレートを使っていろいろ楽しんでいましたよ♪

>色合いといい コメント欄の「Welcome」といい最高ですd(*'-^*)b♪
そう言ってもらえると本当に4時間格闘した甲斐がありました♪
七夕までの短い期間ですが楽しんでいただけると嬉しいです♪(o'▽')

コメントする

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

|

Copyright c 200x xxxxx. All Rights Reserved.

/for one column -->