FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

背景に画像を繰り返し表示する方法 

背景に画像を繰り返し表示する方法を紹介します。
スタイルシートのbodyに次の記述を加えます。

/* 画面全体 */
body {

background-image: url(http://〜);
}


(http://〜)に画像があるURLを入れてください。
背景に画像が繰り返し表示されます。
いたおさん、こんにちは。shigsと申します。相互リンク先のサイトからいろいろ巡って辿り着きました。読んでるだけでホント勉強になるし、私も早速モノトーンを頂きました!いろいろな変更の仕方も丁寧に解説してあって、もぉーここのブログは最高です!

このブログをもっと広めるべく、リンクを張らせて頂きました!

では応援して帰ります。
[ 2006/03/21 10:21 ] [ 編集 ]
standard_pinkをDLさせていただき、ちょこっとカスタマイズさせていただきました^^
このサイトでも色々と勉強させていただきました^^
ありがとうございますm(_ _)m
[ 2006/03/21 13:29 ] [ 編集 ]
こんなに早く教えて頂けて、とても嬉しいです♪
さっそく設定できました。
これからも愛用させていただきます。
ありがとうございました!
[ 2006/03/21 14:11 ] [ 編集 ]
みなさんの励ましのお言葉本当に有難う御座います。

> shigsさん
凄く褒めて頂いて有難う御座います^^
少しでも役に立てたと思うと私も嬉しいです。

> asumiさん
素晴らしいカスタマイズセンスですね。
あれ?何故か横スクロールバーが出ています?

> ゆめめんさん
また何かあったらなんでも聞いてくださいね。
私も野球のWBC決勝戦を見ました。感動しましたね。

このような嬉しいコメントを頂けると凄くモチベーションがあがります。有難う御座います。
これからも皆さんに喜ばれるテンプレートを目指して頑張ります!
[ 2006/03/21 21:29 ] [ 編集 ]
いたおさんご指摘どうもです^^
どうやら全体のテーブル幅を間違えていたようで・・・(^▽^;)
これからまだまだ勉強せねば・・・^^;
いたおさん、色々と教えてくださいね^^
[ 2006/03/22 09:29 ] [ 編集 ]
センターの記事部分の1番上に(タイトルとの間)フリースペースで宣伝、コメントなどを載せたいのですが、
時間がある時に、こちらに載せて頂けませんでしょうか!
また、変更後の感想もお聞かせ願えたら幸いです!
管理人以外の方も感想をコメントして頂けたら嬉しく思います。
http://60064.blog26.fc2.com/
たくみ!
[ 2006/03/23 04:05 ] [ 編集 ]
こんばんは、asumiさん。
横スクロールも消えてヘッダー背景やアイコンも少し変わりましたね。猫が可愛らしい素晴らしいカスタマイズですね。
なんと!私のブログが記事にされているではありませんか。有難う御座います。これからも役に立てるブログを目指して頑張ります!
[ 2006/03/25 23:49 ] [ 編集 ]
こんばんは、たくみさん。
プラグインをカテゴリー3に設定してみてください。記事部分(中央カラム)の一番上に表示されます。

> 管理人以外の方も感想をコメントして頂けたら嬉しく思います。

私はたくみさんのようなやる気のある人が大好きです。頑張ってくださいね。
[ 2006/03/26 00:03 ] [ 編集 ]
このコメントは管理人のみ閲覧できます
[ 2006/03/26 13:34 ] [ 編集 ]
カテゴリー3の件OKです!
自分の好みになって来ました!
こちらのサイトから数人の方が、ご訪問下さってます!
また、リンクも貼らしてもらいました!
よろしかったでしょうか?
            たくみ
[ 2006/03/30 01:02 ] [ 編集 ]
こんばんは、たくみさん。
プラグインのカテゴリ3設定が出来てますね。
私はこのカテゴリ3こそ最も力を入れるべきところと考えています。是非とも有効に活用してください。
リンク有難う御座いました。もちろん大歓迎ですよ。
[ 2006/03/30 23:55 ] [ 編集 ]
質問なんですが、
記事中に<table>〜</table>のテーブルを記述すると、その文字サイズが100%(?)になってしまいます。テーブル内のフォントサイズも記事のフォントサイズと同じにするにはどうしたらいいでしょうか…?
[ 2006/04/02 17:41 ] [ 編集 ]
すみません、上のに追加で質問です…。

テーブルを記述して保存をして確認をすると、テーブルの下に1つ余分な改行が入ってしまいます。理由がどうしてもわからないのですが、どうすればいいかわかりますか…?
[ 2006/04/02 18:20 ] [ 編集 ]
こんばんは、Ruinさん。
テーブル内のフォントがディフォルトになってしまうということはIE系のブラウザをお使いのようですね。

テーブル内の文字は次のタグで囲んでください。
<font color="#666666" size="2">文字</font>

完全に同じ大きさにすることは出来ないのですが、ほぼ同じ大きさで表示されるはずです。

余分な改行が入る原因は記事投稿のテキストフォーマットが「自動改行+HTMLタグ」になっているからだと思います。「HTMLタグのみ」にして試してみてください。余分な改行がなくなると思いますよ。
[ 2006/04/02 21:51 ] [ 編集 ]
テーブル内のフォントについては解決しました。ありがとうございます。

改行についてなんですが、
エントリの最後が<table>〜</table>で終わって、かつ続きを読むが存在した場合にのみ、余分な改行が入ってしまうんです。
<table>〜</table>で終わっても続きを読むが無い場合は余分な改行が入りません。続きを読むが存在しても、<table>〜</table>で終わって無ければ余分な改行が入りません。何故でしょう…。

ソースを張るので、もし宜しければご回答宜しくお願いします。

<div class="article">
<%topentry_body>

<!--more_link-->
<br /><br /><a href="<%topentry_link>#more">⇒続きを読む</a>
<!--/more_link-->

<!--more-->
<hr class="tuduki" noshade size="1">
<%topentry_more>
<!--/more-->

<hr noshade size="1" />
[ 2006/04/03 02:18 ] [ 編集 ]
このコメントは管理人のみ閲覧できます
[ 2006/04/03 15:55 ] [ 編集 ]
こんばんは、Ruinさん。
HTMLのソースがデフォルトと違うようですがカスタマイズされたのでしょうか?ソースに余計な改行タグが入っていますね。

<!--more_link-->
<br /><br /><a href="<%topentry_link>#more">⇒続きを読む</a>
<!--/more_link-->

この改行タグを取り除けば上手くいくのではないでしょうか。宜しければ現状を把握したいのでURLを教えて頂けないでしょうか。公開するのに抵抗があるならメールもあります。宜しくお願いします。
[ 2006/04/03 22:13 ] [ 編集 ]
管理人さんへ
ヤフーの記事です!
http://60064.blog26.fc2.com/blog-entry-205.html

皆さんで楽しんでください!
            たくみ
[ 2006/04/04 02:06 ] [ 編集 ]
こんばんは、たくみさん。
私はかなり本気で回してしまいましたよ^^;
どうも騙されやすいみたいです。
[ 2006/04/05 00:02 ] [ 編集 ]
ものすごく丁寧で分かりやすい、いたおさんの説明のお陰でだんだんお気に入りのブログになってきました♪
初心者の訳分からない説明にも答えて下さって・・・本当に感謝してます<m(__)m>

もう少し教えて下さい・・・
●記事の最下部に表示される日付([2006/04/05 00:02])は消せますか?(TBとCMはそのまま残す)
それともこれはブログとして消さない方がいいのでしょうか?

●真中上部の「最新の記事」(カテゴリ3の部分のみ)の文字の大きさ(5行の)や行間を変える事はできますか?
(・を取って行間を変える方法は載ってたようですが、・はそのままで行間だけ変えられますか?)

●テンプレートはSEO対策がされていると書かれてましたが、テンプレートの中に直接文字を入れたりしなくてもOKと言う事ですか?
(テンプレートの中に<・・・タイトル名>とか色々並んでるので、文字を入れなくちゃいけないのかな?と思いまして・・・)

HPは全部読ませていただいたつもりですが、同じ質問が出ていたとしたらお手数かけてすみませんm(__)m
[ 2006/04/05 10:39 ] [ 編集 ]
こんばんは、mamamiさん。

●記事の最下部に表示される日付([2006/04/05 00:02])は消せますか?

本来は消さないほうが良いと思いますが、消そうと思えば消せます。

<!--▼ エントリー(記事)▼-->

[<%topentry_year>/<%topentry_month>/<%topentry_day>
<%topentry_hour>:<%topentry_minute>]


<!--▲ エントリー(記事)▲-->


この部分を削除すれば記事下の日付を消すことが出来ます。

●真中上部の「最新の記事」(カテゴリ3の部分のみ)の文字の大きさ(5行の)や行間を変える事はできますか?

現状のテンプレートでは難しいのですが、これを実現可能にした修正版を再リリースしようと考えています。まだいつになるか解かりませんが^^;

●テンプレートはSEO対策がされていると書かれてましたが、テンプレートの中に直接文字を入れたりしなくてもOKと言う事ですか?

HTMLのSEOに関してはこれ以上手を加えないほうが無難です。過度なSEOはスパムとみなされる可能性があります。

私のテンプレートを使用している人を見つけて交流を持ってください。コメントにサイト名でリンクを貼れるように工夫してあります。サイト名で被リンクを増やすことはSEOに効果があるのです。
[ 2006/04/06 00:33 ] [ 編集 ]
お忙しいのにいつも早々にありがとうございます。
●日付は消さない方がいいのですね・・・分かりました。

●ではそのテンプレートが出来上がるのを楽しみに待ってます(^^)v

●過度なSEOはスパムとみなされる可能性があるとは知りませんでした・・・
あちこちのHPで書かれてた事に惑わされて、何行が追加してしまったので削除します!

これからも素敵なテンプレート作ってくださいね(*^_^*)
ありがとうございました!

・・・で終わるつもりだったのですが・・・
今、いたおさんのHPを見て、タイトルのところに画像を入れてみたのですが、「background-position: left;」にすると本当に左端になってしまいます。
もう少し右に画像を寄せたい時どうすればいいですか?
[ 2006/04/06 08:25 ] [ 編集 ]
いたおさんの子分のあなろぐと、いいます。
サイトを拝見しましたが、左端の可愛い天使の
ような動く画像でしょうか?

この画像が左に寄り過ぎているのでもう少し
右に寄せたいと言う事でしょうか?

もしそうなら、方法としては2つ思い浮かびます。
一つは画像自体の修正と、もう一つは
画像をテーブルで囲む方法です。
ですが、ソースを見ましたが、この画像はJavaScriptで動いているようなので、テーブルで囲む方法を推薦します。

ただもう一つだけ付け加えさせて頂ければ、SEOを
意識するのであれば、この画像は必要ありません。
マイナス要因の方が多いです。

勿論特別マイナスになるという訳ではなく
足し算で計算すると、プラス効果がないと言うだけですが。

もしどうしても、Scriptをタイトルの左右に置きたいのであれば、もう少しいい方法がないか調べてみます。

今しばらくお待ちください。もしかしたら、その間にいたお親分が答えてくれるかもしれません。
[ 2006/04/06 22:04 ] [ 編集 ]
有難う御座います。あなろぐ職人さん。
多忙なのに助けてくれて本当に感謝しています。
あなろぐ職人さんは私がサイト運営をはじめた頃に励ましてくれた恩師です。
神戸の日記
http://seisyunn.blog9.fc2.com/

単に画像を挿入したのであればあなろぐ職人さんの回答で十分なのですが、画像を"背景"にした場合の位置設定方法も補足しておきます。

スタイルシートの「background-position」に%表示の数値を2つ設定します。

background-position: 5% 50%;

1番目の数値 左右に対応 少ないほど左 多いほど右
2番目の数値 上下に対応 少ないほど上 多いほど下

mamamiさんの場合はbackground-position: 5% 50%;が程よいかと思いますが、試してみて気に入る位置に設定してくださいね。
[ 2006/04/06 22:57 ] [ 編集 ]
いたおさん今わたくし全然違う事を
書き込む所でした。
流石オーナーですね、とても的確な回答です。
わたくしも勉強になりました。
ありがとうございました。
[ 2006/04/06 23:13 ] [ 編集 ]
いたおさん、あなろぐさん・・・ご丁寧にありがとうございます!とても感激してます☆

他人のブログソースが分かっちゃうんですね〜!!
(まだ初心者ゆえにソースって?って状態で・・・情けない^^;)
なにかワンポイント入れたいと思うのですが、JavaScriptで動いている画像がマイナスって事ですか?
ただの画像なら問題ないのであれば、別の画像を探してから、いたおさんが書いて下さった動かし方を参考に挿入してみようと思います。

訳も分からず始めたブログですが、ここですごく勉強させてもらってます♪
いたおさんのテンプレートにして良かったです!
今度はあなろぐさんのも見に行かせてもらいますね!
[ 2006/04/06 23:17 ] [ 編集 ]
いえ、特別気にする必要はありませんよ
どちらかといえばと言う程度です。
いたおさんのタイトルは明らかにマイナスです 笑
ただ、SEOなんて余り気にする必要ないですよ
特にブログの場合は気にする必要ないです。

検索エンジンに上位表示される事より
このいたおさんのサイトのように、役立つサイトを作る事が一番肝心です。
そうすれば、自然と検索エンジンに上位表示されますし、訪問者も増えると思いますよ。

mamami さんのサイトならそのうち沢山の方が、訪れてくれると思います。
がんばってください!


[ 2006/04/06 23:40 ] [ 編集 ]
> mamamiさん
あなろぐ職人さんがおっしゃる通りSEOは気にしないでください。画像も取り替える必要はありません。

> あなろぐ職人さん
いつも有難う御座います。お手を煩わせてはいけないと思いつつも、やはり気にかけてくれると嬉しいです。

皆さんにも良き師を見つることをお薦めします。サイト運営が楽しく、上達も早くなりますよ。
[ 2006/04/07 00:50 ] [ 編集 ]
おはようございます。
朝一でパソコンに向かってます^^;
画像がきれいに入って大満足です!(朝から気分が良い〜)

いたおさん、あなろぐさん・・・本当にお世話になりましたm(__)m
・・・と言っても、まだまだ未熟者なのでしつこいぐらいに質問してしまうと思いますが、あきれずに今後も色々教えて下さいね(^^)v
[ 2006/04/07 08:18 ] [ 編集 ]
質問があります。

1つ目はカーソルです。
一応変更するタグを入れてみて、うまくできたのですが、
リンクに触れるとカーソルが普通の手に変わってしまいます。
変更する方法はありますか?

2つ目は記事を枠で囲む方法です。

回答よろしくお願いします。
[ 2006/04/07 18:48 ] [ 編集 ]
もう1つ質問を書くのを忘れていました^^;

ブログ名を位置です。
いくらいじっても文字が中央から上にいきません。
もし、動かす方法があれば教えていただきたいです。

それと、先ほど誤ってFC2以外のブログのアドレスを入れてしまいました(汗
今度はきちんとFC2のアドレスですので〜。。。
[ 2006/04/07 21:18 ] [ 編集 ]
こんばんわ。

すごい良いブログですね^^
カスタマイズの説明がすごい丁寧で、
好感が持てますよ♪

自分は現在、違うテンプレートを使っていますが、^^;
いたおさんのテンプレートを使いたくなってきました!

そのうち、お世話になるかもしれませんが、
その時は、どうぞよろしくお願いします^^
[ 2006/04/07 23:47 ] [ 編集 ]
ご無沙汰しております。shigsです。こちらのサイトからアイスマンさんが訪問して下さいました。また、もう一つブログを持っているのですが、またもやこちらからテンプレートを頂きました。月のバックにオオカミがいる例のやつです。モノトーンのスタンダード同様に見やすく、アレンジしやすく、使いやすい。最高ですね!

それでは。
[ 2006/04/08 07:27 ] [ 編集 ]
こんばんは、mamamiさん。
画像が気に入るところに収まったようですね。喜んで貰えて嬉しいです。
また何かあれば何でも聞いてくださいね。
[ 2006/04/09 20:33 ] [ 編集 ]
こんばんは、Amethystさん。
リンクカーソルの問題は解決されたようですね。回答が遅くなって申し訳ありません。

記事に枠を付ける方法を記事に掲載しました。こちらを参照してください。
http://10plate.blog44.fc2.com/blog-entry-53.html

ブログタイトルを上に表示させる方法はこちらのコメントを参照してください。
http://10plate.blog44.fc2.com/blog-entry-28.html#comment305

上記を参照しても解からないことがあればまた聞いてくださいね。
[ 2006/04/09 22:17 ] [ 編集 ]
こんばんは、アイスマンさん。
私のテンプレートはカスタマイズ性を重視しています。もし少しでもカスタマイズに興味があるなら是非一度私のテンプレートのソースを覗いてみてください。簡単にカスタマイズ出来ると思いますよ。
[ 2006/04/09 22:23 ] [ 編集 ]
こんばんは、shigsさん。
いつも私のテンプレートを使って頂いて有難う御座います。私のブログを通してアイスマンさんが訪れてくれたなんて嬉しいですね^^これからも多くの人が集まり交流を持てるブログを目指して頑張ります。
[ 2006/04/09 22:40 ] [ 編集 ]
はじめまして。シンプルなテンプレートで気に入っています。どうもありがとう。カテゴリー3に連続写真をいれてみたいと思っていますが、まだ気に入った写真がないので入れていません。今後もちょこっとずつ変更するかもしれません。わからないことがあったときは質問させてくださいお願いします。
[ 2007/02/11 10:47 ] [ 編集 ]
こんばんは、haruhanakoさん。
可愛くカスタマイズしてくれて有り難うございます^^
画像を使いたいのであればアクセスする度に画像を変える方法等、いろんなカスタマイズがここに載っているので参考にしてくださいね。
わからないことがあれば何でも聞いてください^^
[ 2007/02/12 03:30 ] [ 編集 ]
このコメントは管理人のみ閲覧できます
[ 2007/04/21 18:41 ] [ 編集 ]
質問なのですが、背景画像を挿入したところ
テンプレート全体が左に寄ってしまうのですが
なぜなのでしょうか?
[ 2007/07/08 22:04 ] [ 編集 ]
カスタマイズの過程で消してしまったものがあるようですね。

スタイルシートのクラス
body

text-align: center;
の行を追加してください。

body {

text-align: center;
}
[ 2007/07/09 02:38 ] [ 編集 ]
ありがとうございました!!
出来ました!!
きちっとCSSを理解していないせいで、多々行き詰る事があり
それでも、何か自分で変えてみたくなって
色々いじっているうちにメチャクチャに崩れてしまう・・・
そんな繰り返しばかりです。
今回は、どうにもならなくて質問させて頂き、とても勉強に
なりました。
本当に、ありがとうございました。
[ 2007/07/09 12:05 ] [ 編集 ]
いたおさん、お久しぶりです。
いたおさんのカスタマイズ方法は、PCのメモ帳にコピーしていました。
先月PCが壊れ、消えてしまいましたv-406
またこちらにお邪魔して、これからもお世話になりますv-398

背景全体に画像を固定する方法が、どこに記載されているのか?見つけられません。
こちら(FC2)では、ここを参考に使用したいと思います。
いたおさんの所である程度解る様になり、応用しながらアメブロの背景に挑戦しアバウトですが何とか出来ました。
いたおさんのテンプレート工房を知らずにいたら、カスタマイズしたくても出来なかったと思います。
ありがとうございます。これからもよろしくお願い致します。
[ 2007/08/19 20:59 ] [ 編集 ]
全面に背景画像を入れたくて、まだプラグイン等の手直しは要りますが何とか出来ました。
失敗し複製も×再起不能・・・再DLさせて頂きました。
いたおさんのテンプレート最高v-424
[ 2007/08/20 23:13 ] [ 編集 ]
こんにちは。きらりです♪

以前も質問させていただき
とても丁寧に教えていただきました。
ありがとうございました。

今回、背景に画像を入れようとしたところ
両サイドにしか画像がはいらないんです、、、
いたおさんがかかれているように、
やっているつもりなんですが、
どうも違う様で、、、

お忙しいと、思いますが
お時間のあるときでいいので、
ご指導いただけましたらうれしいです。
よろしくお願いします。


[ 2007/08/26 17:11 ] [ 編集 ]
外側だけでなく、背景を入れたい場合は、
スタイルシートの以下の部分に記述を加えてみて下さい。

body {
 〜
#outline {
background-color:#ffffff; /* サイト背景色 */
background-image: url(画像URL);
}
[ 2007/08/26 17:35 ] [ 編集 ]
> 楽夢さん
左寄せが直ったようですね^^カスタマイズの過程でおかしくなってしまうことは珍しくありません。こまめに複製しておくとよいですよ。

> らぶりぃママさん
カスタマイズはときに根気も必要ですが、自分の思い通りのものを作れる喜びもまた格別です。どんどんカスタマイズを楽しんでくださいね。

> きらりさん、かどりんさん
いつも有り難うございます、かどりんさんm(__)m
きらりさん、かどりんさんの説明通りにカスタマイズしてみてください。きっと思い通りのかたちになると思います。
[ 2007/08/26 19:32 ] [ 編集 ]
こんにちは。きらりです。

いつも、ていねいなお返事ありがとうございます。
今回もご迷惑をお掛けしております。

無事、背景カスタマイズできました♪

本当にありがとうございました。

かどりん様、助けてくださってありがとうございました。

自力で解決できるぐらいになれるよう勉強も
がんばりたいと思います。
[ 2007/08/27 18:23 ] [ 編集 ]
思い通りになってよかったですね^^
かどりんさん、有り難うございました。
[ 2007/08/28 23:56 ] [ 編集 ]
今日登録したばかりの初心者です。
はじめまして!よろしくお願いします。

skullpunkのテンプレートを選びましたが
背景に画像を使いたくて参考させていただきました。
しかし

/* 画面全体 */
body {


がスタイルシートを探しても見つかりません(T_T)
backgroundってあるとこを 片っ端から試しても最悪になるだけです。

お忙しいと思いますが解決方法教えていただけませんか?



[ 2007/09/07 03:35 ] [ 編集 ]
ここです↓


/* default



body {
color : #000000;
background : url(http://blog70.fc2.com/template/skullpunk/image/skullpunk_bg.gif) repeat left top;
padding-top: 15px;
padding-bottom: 15px;



}

太字の部分が背景URLです。
[ 2007/09/07 13:36 ] [ 編集 ]
頑張っていじってみます!!
ついでに ブログもお邪魔させて頂きます!!
[ 2007/09/07 18:09 ] [ 編集 ]
> ゆうちんさん、ちゃんさん

いつも有り難うございます、ちゃんさん^^
ゆうちんさん、ちゃんさんが教えてくれたところを修正すると思い通りの画像を背景にできますよ。
[ 2007/09/10 23:05 ] [ 編集 ]
画嬢があるURL
ってどうゆうことですか?
[ 2007/10/13 17:53 ] [ 編集 ]
自分のブログの管理画面の「ファイルアップロード」を使用し、パソコン内に保存してある画像にURLを付けたものです。
[ 2007/10/13 19:08 ] [ 編集 ]
ブログのカスタマイズ初心者です。
今回、standard_pinkをDLさせて頂いたのですが
背景左右のピンクの部分に画像を入れたく上に書かれている
『背景に画像を繰り返し表示する方法』を読み
スタイルシートの1番最初に書かれている部分に
画像のurlを入力したんですけど、反映されません。

/* 画面全体 */
body {

background-image: url(http://〜);
}
教えて下さい。よろしくお願いします。


[ 2007/10/24 16:45 ] [ 編集 ]
先ほど、背景がうまく表示されなくて質問したのですが
色々やってみた所、うまくいきました。
また色々質問すると思いますが、その時はよろしくお願いします。
[ 2007/10/24 20:02 ] [ 編集 ]
原因が全く分からないのでお聞きしたいのですが、
サイドにあるボックスがすべて左に偏って
しまいました(TT)
プロフィールからしたを右サイドに移したいんですけど
何か方法はありませんでしょうか?
[ 2007/11/25 18:19 ] [ 編集 ]
背景に壁紙を設定したところ、記事部分も壁紙と同じになってしまいました。

CSSを確認しましたが何処が悪いのかわかりません、
まだカスタマイズの途中です、どこが悪いのか教えてください、よろしくお願いいたします。

/************************************************* ▼ 記事 ▼ */
.ently_outline {

div.entry-body {
color : #6666CC; /* 記事本文に設定 */
}


background-color:#ffffff; /* 背景色 */
margin-bottom:20px; /* 次の記事までの間隔 */
}
.ently_title {
font-size11pt; /* 文字サイズ(記事タイトル)*/
background-color:#FF99CC; /* 背景色 (記事タイトル)*/
border:#666666 1px solid; /* 枠 (記事タイトル)*/
text-align:left; /* 左寄せ (記事タイトル)*/
padding:5px 20px;
margin:0;
}
/* ▽文字色とリンクの下線有無▽ */
h2 a:link { color:#6666CC; text-decoration:none; } /* 通常 */
h2 a:active { color:#666CC; text-decoration:none; } /*実行中*/
h2 a:visited { color:#666CC; text-decoration:none; } /*訪問済*/
h2 a:hover { color:#666CC; text-decoration:none; } /*マウス*/
/* △文字色とリンクの下線無△ */
.ently_body {
font-size:10pt; /* 文字サイズ(記事本文) */
font-color:#6666CC; /* 文字色 (記事本文) */
border-top: #e0e0e0 1px solid; /* 枠(上) (記事本文) */
border-left: #666666 1px solid; /* 枠(左) (記事本文) */
border-right: #666666 1px solid; /* 枠(右) (記事本文) */
border-bottom:#666666 1px solid; /* 枠(下) (記事本文) */
}
.ently_text {
text-align:left; /* 左寄せ (記事本文) */
margin:10px 20px;
}
.ently_navi {
text-align:right; /* 右寄せ(時刻・CM・TB) */
color:#666CC5; /* 文字色(時刻・CM・TB) */
margin:0px 10px 3px;
}
/************************************************* ▲ 記
[ 2008/01/19 23:03 ] [ 編集 ]
色々やっていたのですがもしかすると
最初の部分で何かのタグを消してしまったと思います。

ここからです------------------

body {

background-image: url(http://blog40.fc2.com/s/supika8181/file/khfi.gif);
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color ; ; /* 外側背景色 */
}
#outline {
background- image: url( ); /* サイト背景色 */
}


--------------------------
[ 2008/01/20 16:12 ] [ 編集 ]
テンプレをお借りして背景画像を変えたのですが
周りの部分まで適用されてないみたいなんです。
HP見ていただけると分かるのですが
最大化した場合、余白が回りに出来てしまいます。
ここの背景はまた別のカスタマイズが必要でしょうか?
また、周りの部分のみ背景をかえることも
可能なんでしょうか?

初心者ですがよろしくおねがいします。
[ 2008/02/28 12:20 ] [ 編集 ]
周りの部分にも背景画像を入れる場合は
スタイルシートの以下の赤字の部分に画像を指定すれば
周りにも背景が表示されます。

周りの部分のみ背景を変えることも可能です。
周りの背景(赤字の部分)と現在サイト内で表示されている背景画像(青字の部分)がありますので、それぞれ別の画像を指定して、別々の背景にすることも可能です。

body {
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color:#ffffff; /* 外側背景色 */
background-image: url(http://〜);
}
#outline {
background-color:#ffffff; /* サイト背景色 */
background-image: url(http://blog-imgs-12.fc2.com/y/u/m/yume89/4.gif);
}
[ 2008/02/28 17:17 ] [ 編集 ]
背景画像の件、コメントありがとうございました♪
おかげさまで、設定する事ができました★
新たな壁にぶち当たってしまったんですが。・゚・(*ノД`*)・゚・。
これからも頑張ります><b
ありがとうございました^^ノ
[ 2008/02/29 12:12 ] [ 編集 ]
テンプレート[lightframe_white]をお借りして
カスタマイズ勉強中です。
いろいろと参考にさせていただいてるので、
リンク貼らせていただきました。
これからもお世話になりますっ!!
[ 2008/04/01 16:33 ] [ 編集 ]
コメントの投稿













管理者にだけ表示を許可する
この記事のトラックバックURL


ブログ検索
カテゴリー
プロフィール

Author:いたお
皆さんに喜ばれるテンプレートを目指して頑張ります!


当サイトはリンクフリーです。
ブログ全記事表示
ブロとも申請フォーム
カレンダー
06 | 2008/07 | 08
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -