スポンサーサイト

--年--月--日
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

コスモスがいっぱい♪ブログの模様替え♪

2006年09月29日

BlogPet背景にも素敵なコスモスを集めたことですし、
ブログも模様替え♪またまたガラッと変えちゃいました~♪
でも中秋の名月までは前のお月見テンプレとこのコスモステンプレを
手動で切り替えたいと思っています。
いや、自動で出来るといいなぁって思ったんだけど、
失敗しちゃった~。。。orz
また時間があるときにでも再挑戦します!!


さてさてまた覚書をちょこっと書いてみます。
まずは背景画像の変更。
背景画像は「柚莉湖♪風と樹と空と♪」さまよりお借りしました♪
以前の画像を削除して
cssのbodyの中に
background-image : url("http://~.jpg");
background-attachment:fixed;
としました。


次に前回ブログタイトルを右揃えにしていた部分を
真ん中に揃えて、位置調整。
その次に一番上の記事の表示位置を調整。
一番上の画像と重ならず、離れすぎずの位置になるようにしました。


次に記事タイトルや右サイドバータイトルの下にある
ライン(画像)をピンク色に変更。
以前は右サイドバーの画像は
各プラグインそれぞれに設定していたのですが、
今回はhtmlの方に記入したため一箇所変更すればOKでした!!うふ♪(* ̄ー ̄)v


FC2ではプラグインカテゴリーが1、2、3と分かれているのですが、
プラグインカテゴリー1を表すのはplugin_firstという部分で、
<%plugin_first_title>というのがプラグインのタイトルを表示させる部分になっています。
そのすぐ後にimgタグを追加してやれば、プラグインカテゴリー1のタイトル下に
画像が表示されるようになります。


次に、記事の一番下の部分にラインを入れることに。
「柚莉湖♪風と樹と空と♪」さまのところで
この背景画像にとってもピッタリな画像を見つけたので~♪(*^.^*)エヘッ
私のテンプレの場合は記事編集ボタンの前に画像を貼ると上手くいきました!!
私のソースはこんな感じになりました。
<div class="center"><img src="http://ラインの画像URL" alt="~" width="~" height="~" /></div>
<div class="posted">
<a href="http://blog~.fc2.com/~/admin.php?mode=editentry&no=<%topentry_no>" target="blank">記事の編集</a>

次に右サイドバーのリスト部分の先頭のアイコン画像を変更。
こちらは「ブログを七夕用に模様替え♪」
やり方を書いています。
アイコン画像は同じく「柚莉湖♪風と樹と空と♪」さまからです。
ただ今の設定のままでは上下の余白が狭くて非常に見苦しかったので
liの中の
padding: 0px 0px 3px 17px;
の数値を微調整です。4つのpxが並んでいますが
順に上、右、下、左の余白を調整します。


最後の記事内のリンクの色の設定を変更しました。
すべてが地味な色だったのでリンクかどうかが分かりにくかったので。。。
私のテンプレでは記事部分のcssはmainという名前で設定されていますので
cssの以下の部分を変更しました。
.main a:link{color:#2b4080;text-decoration:none;}
.main a:visited{color:#999;text-decoration:none;}
.main a:hover{color:#ffca2b;text-decoration:none;}

linkはリンク部分の色設定。
visitedは訪問済みリンクの色設定。
そしてhoverはマウスをリンクの上に置いたときの色設定です。
リンクは濃い青色にしました♪
このリンクの色の設定は書く順番を間違えると反映されないので
ご注意くださいね♪

本当は他にも使いたい画像があっていろいろ試行錯誤していたのですが、
ちょっと見た目もうるさくなるし、(ただでさえ派手なのに。(笑))
いい配置に出来なかったので、今回はこの状態で終了です。
今日はBlogPet背景もコスモス背景に設定です♪
どうぞお楽しみくださいね♪=*^-^*=にこっ♪


↓応援していただけると喜びます♪ワーイ♪ゝ(▽`*ゝ)(ノ*´▽)ノワーイ♪
banner_02.gif

スポンサーサイト

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

メイン

トラックバックURL


トラックバック

コメント

丁寧な覚書ですね。これを見ながら、ととろもいずれはいつかおもちゃ箱の方の背景を変更してみたいな・・・などと憧れています。
実は今日はめったに見ない平日昼間にちょこっとお邪魔したの。
その時手動でお月見背景にされていたのを見ましたよ♪
最初、「あれ?また戻しちゃったのかしら・・・何かあったのかな?」って心配してましたが、その後リロードした折は再びコスモスの新テンプレになっていたのでビックリしてました。
こういうことだったのね。

切り替え自動化を目指されてるとか、すごいねぇ。みんなとっても高度なことをされているから、こんな低次元のコメントが申し訳ないくらいです(苦笑)
前にもお話したけど、記事下のラインがとってもキュートでかわいいです!
ととろさん、こんばんは♪(^ー^)ノ
覚書にコメントをありがとうございます♪
ぜひぜひおもちゃ箱の方の背景変えてみてくださいね!!
yozoさんちの記事を見てみると私のテンプレとは記述が
違うみたいなので、うちのやり方では上手くいかないかもしれませんが。

な、なんと昼間のお月見背景をごらんになったのですか!!
実はあれはただの操作ミスでした。(笑)
違うボタンを押していたらしく、私も知らないうちに
元のテンプレに戻ってた~。(笑)

BlogPet背景もまだまだ月背景使いたいですし、
夜はテンプレもBlogPet背景も月にするっていうのも
面白いかと思っています♪《《《《♪♪(*´▽`*)ノ゛うふふ~
すべてはまゆびの気分しだいです♪

本当は時間で切り替えしたいんですよねー。
いろいろスクリプトを探してやってみたものの、
ことごとく失敗しました。(苦笑)
勉強がまだまだ足りないみたいです。
>記事下のラインがとってもキュートでかわいいです!
ありがとうございます♪私もすごく気に入ってます♪=^-^=うふっ♪
こんにちはー。
前回のテンプレとがらっと変わって
優しい感じの背景になりましたねー!
赤とんぼの点の目がとってもかわいいですー。

お月見テンプレは夜に見られるんですね!
こちらを訪問する楽しみがまた一つ増えますねー。
まゆびさん(。・ω・。)ノコンチャ☆・゚:*:゚
毎度思うのですが、やっぱすごいですー!
この記事を読んで、CSSの参考書でも買って来ようかと思うぐらい
勉強しなきゃだなーって思っちゃいましたよ(・ω・)(._.)(・ω・)(._.)ウンウン♪
そして、今たまたまの(?!)感動が!!!
サイドのカレンダー部分がこのコメントを書いていると
ちょうど上部のコスモス畑と同じ高さになって
まるで一体化しているみたいに見えて*:.。.:*・(*´∀`)゚。.:・*ポワワワァァン
お揃いにしてあることで素敵な演出効果を生んでますね♪
やはり素晴らしい(*´ω`*)ポッ
ばばるさん、こんにちは♪(^▽^)/
お借りした素材屋さんが変わったので
がらっと変わりますよね。
>優しい感じの背景になりましたねー!
ありがとうございます。<(_ _)>
「柚莉湖♪風と樹と空と♪」さまの絵は本当に
優しいイメージの画像が多くて嬉しいです♪
>赤とんぼの点の目がとってもかわいいですー。
ですよね~♪(゚-゚*)(。。*)ウンウン

>お月見テンプレは夜に見られるんですね!
何しろ手動ですので忘れる可能性もありますが。(笑)
BlogPetの背景も連動させる予定ですのでお楽しみに♪=^-^=うふっ♪
モンビッケさん、こんにちは♪ヾ(=^▽^=)ノ
すごいだなんて嬉しいです♪ヾ(●⌒∇⌒●)ノ わーい
なかなか思い通りには行かないのですけど。
CSSは勉強すればするほど便利だなぁって思いますよ。
ちょっとした調整が簡単に出来るようになります。
私も一冊分かりやすい本がほしい!!
>サイドのカレンダー部分がこのコメントを書いていると
>ちょうど上部のコスモス畑と同じ高さになって
>まるで一体化しているみたいに見えて*:.。.:*・(*´∀`)゚。.:・*ポワワワァァン
そうなんですよ!!同じ素材屋さんで素材をお借りすることで
こういった楽しみもあります。
以前はBlogPet背景とお揃いで楽しめたこともありました♪
残念ながらカレンダーは今日までですが。。。
もっと早くテンプレ交換すればよかったかしら?

こにちわ。
まゆび ちゃま♪

コスモスの季節だね。 って σ(*^^*)ミユー♪は水曜日から、木曜日にかけ。。
デジカメの旅にいきました。

岡山に行ってきたんだ。 
デジカメも少し 教えてもらって。。。
違った 写真をいっぱい 撮れるようになったんだ。
嬉しくってね。 加工をしてない写真をアップしてます。

あれも、背景にしていきますけどね。
デジカメにはまりそうかなぁ。 
うう・・・ まだ、あまり顔文字もでなくて・・
σ(*^^*)ミユー♪さん、こんばんは♪(o^∇^o)ノ
うんうん。コスモスの季節ですね♪
残念ながらうちの近所にはコスモスはあまり咲いていないのですが。(ノ_・。)
でもお友達のところの写真で楽しませてもらってます。
σ(*^^*)ミユー♪さんの写真も見せてもらいました♪
本当に素敵~♪《《《《♪♪(*´▽`*)ノ゛うふふ~
私もデジカメは使い方がよく分からなくて
本当にシャッターを押しているくらいなんですが。(゜ー゜;Aアセアセ
私も勉強しなくっちゃ!!
σ(*^^*)ミユー♪さんのこれからの写真も
たのしみにしてますね~♪(*^-^)ニコ
まゆびさん、こんばんはー♪
この記事があると、すらすらカスタマイズできそうですね。
もちろん、使用する画像を探してくるのが一番大変でしょうけどね。それを上手く組み合わせて、最終的な微調整まできっちり仕上げているのがよくわかりますよ。
 まゆびさんのブログを見ていたら、とても楽しくカスタマイズできそうですね。
ィェ‐ィ v(´▽`v)))))).......((((((v´▽`)v ィェ‐ィ
yozoさん、こんばんは♪(^▽^)/
あ、今古いテンプレになっていて、
この記事、分かりにくかったですよね?
ごめんなさい。ペコリ(o_ _)o))

そうそう、カスタマイズで大変なのが画像を探すことだったりしますよね。
自分では絵が書けないものですからお借りしてくるしかないのですが、
サイズが合わなかったりするんですよねぇ。。。
>まゆびさんのブログを見ていたら、とても楽しくカスタマイズできそうですね。
そういっていただけると嬉しいです。ヾ(@⌒▽⌒@)ノワーイ!
こんにちは。まゆびさん♪
キレイな壁紙ですねー♪
お月見までは、2つの壁紙で楽しめちゃうんですね♪
とっても雰囲気が違う素敵な二つの壁紙が楽しめちゃうなんて♪楽しい☆
すごいですね♪
このコスモスの壁紙もとっても素敵です♪
とんぼも飛んでいてとっても秋らしい感じですね♪
うふふ☆
カスタマイズされるのって本当にすごいなぁ・・・。と思います!!!
enuさん、こんばんは♪(o^∇^o)ノ
とっても素敵な壁紙でしょ?
これが使いたくて頑張っちゃいましたよー♪=^-^=うふっ♪
>お月見までは、2つの壁紙で楽しめちゃうんですね♪
実は昨日の夜、早速設定し忘れちゃって。(苦笑)
なのでまゆびが忘れなければの条件付です。(笑)
とんぼさんがとっても可愛いですよねー。
とってもお気に入りです♪v(=∩_∩=)
私も初めはカスタマイズなんて出来ないわって思ったのですが、
とっても素敵な素材に出会ったときに
この画像を使ってうちのブログを飾りたいって思って
頑張ったのですよ!!
すごく時間がかかってしまいますが出来たときはすごく嬉しくて
頑張ってよかったって思います♪(*^-^)ニコ

コメントする

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


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。