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

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

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

タイトルを画像にする

タイトルを画像にする方法を紹介します。
ヘッダ背景を画像にして更にタイトルを画像にすることも可能です。

HTMLを編集します。

<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->

<h1><a href="<%url>"><%blog_name></a></h1>

<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->


これを次のように書き換えます。

<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->

<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="画像URL" border="0" /></a></h1>

<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->


これでタイトルを画像にすることが出来ます。

【2010/01/13 追記】サイト幅一杯の画像を使う場合はスタイルシートの末尾に以下を加えてください。

h1 {
margin-top: 0px; /* 上の余白 */
margin-left: 0px; /* 左の余白 */
margin-right: 0px; /* 右の余白 */
margin-bottom: 0px; /* 下の余白 */
}


上下の余白等はお好みに合わせて数値を設定してください。
関連記事
[ 339 ] ??(゜Q。)??
す・すみませんi-201
「タイトルを画像にする」ってこの意味自体がわからなくて(大汗)
[ 2006/04/13 02:13 ] [ 編集 ]
[ 341 ] > ねこキックさん
こんばんは、ねこキックさん。
混乱させてしまって申し訳ありません^^;

例えば「ブログの素材屋さん」のタイトルは画像です。
http://nanakumo.blog44.fc2.com/

タイトルとなる画像は各自で用意してもらいます。私がこの記事で紹介しているのは画像をタイトルとして挿入する方法です。
混乱させて申し訳ありませんでした^^;
[ 2006/04/13 23:37 ] [ 編集 ]
[ 343 ] わかりました
「ブログの素材屋さん」を見てきました。
あぁ~わかりました。そうなんだ。
タイトルが画像だとかっこいいですね。
いつもボケボケの質問で、す・すみません(^^ゞ
[ 2006/04/14 00:15 ] [ 編集 ]
[ 346 ] またまたお世話になりました!
お忙しいはずなのに、いつも早くに的確なお返事がいただけて、本当に感謝してます!
お陰さまで画像の横にコメントを入れることができました。
ただ・・・なぜが文字のサイズが大きくなってしまいます。
特に大きくする設定をした訳でもないのに、どんなふうに入れても大きいままです。
あれは仕方ないのでしょうか?
[ 2006/04/14 22:27 ] [ 編集 ]
[ 348 ]
こんにちわ ┏(<:) ペコチョン♪
ひとつお聞きしたいんですが、お借りしたテンプレート(狼の咆哮)ですが、タイトルの横に好きな画像を載せてもよろしいですか?それともし良いのならやり方を教えて頂いたらありがたいんですが・・!
[ 2006/04/15 14:47 ] [ 編集 ]
[ 351 ] > ねこキックさん
こんばんは、ねこキックさん。
タイトルを画像で作るとさらにオリジナリティーがましますよ。ただこれは自分で作成しなければならないですけどね。私もいずれ作ろうと思ってます。
[ 2006/04/16 01:40 ] [ 編集 ]
[ 354 ] > mamamiさん
こんばんは、mamamiさん。
テーブル内の文字フォントを制御する方法を記事に掲載しました。
http://10plate.blog44.fc2.com/blog-entry-55.html
こちらを参考に文字の大きさを変えてみてくださいね。
[ 2006/04/16 02:14 ] [ 編集 ]
[ 874 ] lightframeの場合
いつもお世話になっております。
タイトルを画像にする方法は「lightframe」の場合も同じでしょうか?
[ 2006/12/13 11:58 ] [ 編集 ]
[ 880 ] > ブーパパさん
こんばんは、ブーパパさん
lightframeの場合も同じですよ。この記事のカテゴリがstandardだったので紛らわしいですね^^;直しておきますね。
[ 2006/12/14 00:34 ] [ 編集 ]
[ 2184 ] 画像URL取得法
何度も挑戦したんですが、
どうしても画像が×印になってしまいます。
どこで画像URLを取得したらいいでしょうか?
[ 2007/06/13 23:56 ] [ 編集 ]
[ 2186 ] >>リカさん
自分のパソコン内に入っている(取り込んだ)画像を、

管理ページ→ツール→ファイルアップロード
すると付きますよ。
[ 2007/06/14 08:16 ] [ 編集 ]
[ 2195 ]
わかりました!!!
ありがとうございます。やってみますね
[ 2007/06/14 23:24 ] [ 編集 ]
[ 2197 ] > リカさん、ちゃんさん
有り難うございます、ちゃんさん^^
リカさん、ちゃんさんの指示通り、まず使いたい画像はサーバにアップロードしてくださいね。
[ 2007/06/15 00:03 ] [ 編集 ]
[ 2542 ] こんばんは
こんばんは^^
いつもこのブログのカスタマイズ方法などを見させてもらってる者でs。
質問なんですが、
タイトルを画像にするのはできたんですが
タイトルブロック?と画像の隙間の
空間ってどうすればなくなりますかね?
変な質問ですみません^^;
[ 2007/07/21 23:29 ] [ 編集 ]
[ 2558 ] >>さっちゃんさん
スタイルシートを編集します。


/* サイトタイトル */
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {





/* -------------------- */
font-size: 1.8em; /* タイトルの大きさ */
/* -------------------- */
text-decoration:none;
margin: 0px 0px;
}
/* サブタイトル(サイト説明) */




色文字で示したように数値を0にすれば画像上下の隙間が無くなります。

さっちゃんさんの場合はブログ紹介文(サブタイトル)が無いのでぴったりになりますが、ある場合は画像下に文章が入ることになります。
[ 2007/07/25 13:45 ] [ 編集 ]
[ 2561 ]
こんにちは^^
なんかそれをやったら
画像と枠の下に少し
隙間ができましたが
枠の色を黒にしてごまかしましt(ry
どうもありがとうございます^^
[ 2007/07/25 18:04 ] [ 編集 ]
[ 2596 ]
初めましてこんにちは
テンプレートお借りしています。

既出でしたら申し訳ないんですが
サイドバーを画像に差し替えることはできるでしょうか?

例えば、自分で作成した画像の縦横が指定されている画像
もう1つは背景画にする事なんですが可能ならば教えて頂きたいです。

お忙しいとは思いますが宜しくお願い致します。
[ 2007/08/03 15:57 ] [ 編集 ]
[ 2598 ] サイドバーと言うのはプラグインの事でしょうか?
プラグインのタイトルの背景を画像にするやり方だったらこれだと思います。

プラグインの背景を画像にする
http://10plate.blog44.fc2.com/blog-entry-100.html

もし違っていたらごめんなさい。
[ 2007/08/04 16:33 ] [ 編集 ]
[ 2610 ] 空さま
空さんご回答ありがとうございます
上記URLを拝見させて頂きましたがstandard用の物ではないようです><

プラグインのタイトル部分を背景にという点はその通りなのですが、縦横を指定で作成した画像を使用したいのではなく
背景を繰り返した形でプラグインタイトルを背景にしたいと思っています。

応用が出来そうであれば、上記を参考にさせて頂きたいと思います。
[ 2007/08/08 05:49 ] [ 編集 ]
[ 2635 ] SEO
タイトルを画像にした場合、SEO的に、何か問題ありますか?
[ 2007/08/20 14:58 ] [ 編集 ]
[ 2864 ] こんなちは
HTMLを編集のところで、ヘッダーというものが見つからないのですが...
どこら辺にありますか?
[ 2007/10/13 18:08 ] [ 編集 ]
[ 2867 ] >>美紗さん
<header>~</header>の表記のある部分がそうです。

いたおさんテンプレートでしたら、
<!--▼▼ ヘッダー ▼▼-->

<!--▲▲ ヘッダー ▲▲-->
で囲まれているので分かりやすいです。
[ 2007/10/13 19:13 ] [ 編集 ]
[ 2876 ] お助けを!
タイトルを画像にしたいのですが、うちのテンプレですとどこを書き換えれば良いですか?
似たような質問を重ねてすみません;
わからなくて朝から格闘しております;ううう;
[ 2007/10/16 15:57 ] [ 編集 ]
[ 2877 ] 灰猫さんへ
タイトル文章の部分を置き換えたいイメージに変更すればよいかと思いますよ。

つまり、<%blog_name>を<img src="画像ファイル名">へと置き換えればOKです。
[ 2007/10/16 23:32 ] [ 編集 ]
[ 2881 ] ゆうにぃさんへ
できました~!!感動!!
メッチャ嬉しいです!!ありがとうございますvvv
実はさっきまで挫折してフテ寝してました(笑)
[ 2007/10/17 02:40 ] [ 編集 ]
[ 2887 ] 質問があります
lightframeを使わせていただいております。
両端のカラムをタイトルと同じ位置、
つまり最上段で表示をさせています。
そこで、タイトルを画像にしようと思うのですが
上記のカスタマイズ方法ですと、
タイトルと背景が連なって上下に表示されてしまいます。
両カラムを下げて初期状態にしたまま
タイトルを画像にすると、うまく表示されます。
カラムを下げた状態でのカスタマイズ方法はございますでしょうか?
[ 2007/10/18 02:00 ] [ 編集 ]
[ 2931 ] ありがとうございます <(_ _*)>
はじめまして♪

「アイコン付きツリー化カテゴリー」プラグインも
利用させてもらっている者です。

この方法、ずっと探していたんです!

テンプレートとにらめっこしてみるものの
解決策は見つからず…

半ば諦め掛けていたのですが…(^-^;

上のプラグインの説明を拝見するためにここに来てみたら
偶然、みつけました♪

ありがとうございました♪
[ 2007/11/05 17:45 ] [ 編集 ]
[ 3091 ] 分かりません
すいません、テンプレートのタイプが違うからだと思いますが、私の管理しているブログでは、
<head>
<Link rel="SHORTCUT ICON" href="http://blog-imgs-17.fc2.com/k/u/s/kusotube/favicon.ico">
<meta http-equiv="content-type" content="text/html; charset=euc-jp">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="adimage" content="200">
<link href="<%css_link>" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml"><title><%blog_name>
<!--permanent_area-->
: <%sub_title>
<!--/permanent_area-->
<!--date_area-->
: <%sub_title>
<!--/date_area-->
<!--category_area-->
: <%sub_title>
<!--/category_area-->
<!--search_area-->
: 検索結果
<!--/search_area-->
</title>
<link href="<%css_link>" rel="stylesheet" type="text/css" />
</head>

となっております
どこをどうすればいいのかアドバイスしてくださいませんか?
[ 2008/02/05 00:32 ] [ 編集 ]
[ 3124 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2008/02/18 16:59 ] [ 編集 ]
[ 3125 ] タイトル画像と背景の変更
いたお様タイトル画像(画像サイズ)と背景の変更の仕方教えて頂けますでしょうかここのサイトhttp://karuizawawedding.blog89.fc2.com/blog-entry-62.htmlの用なイメージで作りたいと思っていますのでどうぞ宜しくお願い致します。
いわお
[ 2008/02/19 17:40 ] [ 編集 ]
[ 3336 ]
しつこいようで本当にごめんなさい><
結局、ややこしくなりそうなので
他のテンプレートで編集し、
今のところタイトル画像を入れているのですが、
どうもこれが、タイトルを画像にすると
タイトル画像が右によってしまうんです。
どうすればいいですか?
あと、スタイルシート内で
文字を検索することはできますか?
長い質問ですいませんが、どうかよろしくお願いします。
[ 2008/05/27 18:08 ] [ 編集 ]
[ 3341 ] > ドグマさん
<h1>
の部分を

<h1 align="center">
とすれば中央へ

<h1 align="left">
とすれば左へ行きます。

検索はCtrlキーを押しながらFを押すと検索できますよ。
[ 2008/05/28 01:36 ] [ 編集 ]
[ 3350 ]
ありがとうございます!!
頑張ってみますね^^
ここの人たちは皆親切で
やさしいので大好きです!
[ 2008/05/29 20:48 ] [ 編集 ]
[ 3353 ] テンプレートcfdn_p
はじめまして、教えてください。

私は共有テンプレート『cfdn_p』を使用しています。
そこで、タイトルの背景を画像にしたいのですが、
上記のようにHTMLを編集したところ、
画像は表示されたのですがタイトルが見えず、
サブタイトルが画像の下に表示されています。

どのようにHTMLを編集すれば画像が背景になり、
タイトル・サブタイトルが画像の上面に表示されるようになりますか?

さらに、タイトル画像の幅は、どのくらいの幅が適当ですか??教えてください。
[ 2008/05/31 23:38 ] [ 編集 ]
[ 3357 ] > ようころりんさん
それならばこちらの記事を参考にしてください。

ヘッダー背景を画像にする
http://10plate.blog44.fc2.com/blog-entry-28.html

ただ私のテンプレート以外で上手くいく保証はできません。これで上手くいかないようならそのテンプレートの制作者様に問い合わせてみてくださいね。
[ 2008/06/01 22:50 ] [ 編集 ]
[ 3360 ]
>いたおさん

上記の記事を参考に、なんとか出来そうな気配が!!
ありがとうございました♪
[ 2008/06/02 00:08 ] [ 編集 ]
[ 3378 ] こんにちわ
 おかげさまで、タイトルを画像に変える事ができました。ありがとうございます!!
[ 2008/06/09 14:50 ] [ 編集 ]
[ 3456 ] 質問です。
初めまして、ナツメグと言います。

丁寧な文章とわかりやすい解説、いつも大変参考にさせていただいてます。

それで、今までは大抵文章でわかっていたのですが、どうしても意味不明な箇所がでてしまい、この度、質問させていただきたく思います。

僕のブログを見ていただけるとわかると思うのですが。

以前この記事を参考に、トップの画像を自作のイラストに変えた際に、トップ画像と記事&プラグインの間に少し空白が出来てしまいました。

というか、僕はマックを使っていて、ブラウザがサファリなので、変更した際にサファリで見た時には隙間はキレイに埋まっていたのですが、IEで閲覧した際にその空白に気がつき、修正しようにも方法が全くわかりません。もし何かわかるようであれば、ご指導いただければと思います。

お忙しい中、長い質問で申し訳ありませんが、どうぞよろしくお願いします。

[ 2008/07/16 22:26 ] [ 編集 ]
[ 3465 ] 質問です・・・
すいません
本当にくだらない質問ですが・・・
画像のURLって何ですか?
たとえばhttp://~かCDocuments~~~みたいなのか
どちらですか?
また、画像URLの所にURLを入れるんですか?

お忙しい中、こんな質問申し訳ありません
どうぞよろしくお願い致します。
[ 2008/07/20 16:07 ] [ 編集 ]
[ 3467 ] ▼乙産さん
上から11番目のコメントにも書きましたが、

自分のパソコン内に入っている(取り込んだ)画像を、
管理ページ→ツール→ファイルアップロード
することで画像にURLがつきます。

それが画像URLです。


乙産さんは既に記事に画像を付けて書いているので、簡単に出来ると思いますよ^^
[ 2008/07/20 23:38 ] [ 編集 ]
[ 3468 ] ありがとうございます!!
ありがとうございます!!
早速の返信ありがたいです~!!
やってみまぁ~す!
[ 2008/07/21 10:01 ] [ 編集 ]
[ 3469 ] 質問ですが・・・
またまた忙しいのに質問もうしわけございません。
タイトルに画像を挿入でいたのですが
画像の周りが黒いままで(私のサイトを見ていただければわかるとおもいます)どうしたらいいですか?
お忙しい中すいませんがよろしくお願いします。
[ 2008/07/21 12:37 ] [ 編集 ]
[ 3471 ] ▼乙産さん
サイト幅1000pxに対して973pxの画像を使用しているからです。

解消するには画像幅1000pxのものに変更するか、スタイルシートのヘッダー部分

#header_outline {
border : 1px solid #000000;
border-bottom : 2px solid #c0c0c0;
margin-bottom : 20px;
}
#header_body {
background-color : #000000;
border : 1px solid #000000;
}

この部分の色を指定している箇所
#○○○○○○;
の部分全てを
#ffffff;
に変え、背景と同じ色の白にすれば枠は無くなると思いますよ。
[ 2008/07/21 23:42 ] [ 編集 ]
[ 3474 ] > ナツメグさん
スタイルシートで

.intro {

FONT-WEIGHT: bold; FONT-SIZE: 9pt; MARGIN: -18px 0px 50px;

}

となっている部分があると思います。
この50pxという数値の部分をもう少し小さい数値にしてみてください。余分なスペースが縮まるはずです。
[ 2008/07/24 22:28 ] [ 編集 ]
[ 3475 ] > 乙産さん、ちゃんさん
乙産さん、ちゃんさんが書いてくれた通りに修正すれば問題は解決できますよ。

ちゃんさん、いつも本当にありがとうございます。
m(__)m
[ 2008/07/24 22:43 ] [ 編集 ]
[ 3497 ] こんばんは~。
はじめまして(*- -)(*_ _)ペコ
こちらのlightframeを使わせてもらっています。
タイトルを画像に変えることはできたのですが
「ももぱんや~」と書いてある所に自分で文字を入れ、その文字のあたりをクリックしてトップページ表示にしたいのですがどうやったらできるでしょうか?><
分かりづらい説明ですみません><

あともう1つなのですがプロフィールの画像を真ん中にするにはどうしたらいいでしょうか?

質問ばかりでごめんなさいです><
[ 2008/08/20 02:57 ] [ 編集 ]
[ 3498 ] こんにちは。
あれから色々調べてなんとかできました(多分・・
お手数おかけしました(o*。_。)oペコッ

まだまだ色々カスタマイズしたいのでこちらのサイトを参考にさせていただきます。
また質問するかもしれませんがどうぞよろしくお願いします(o*。_。)oペコッ
[ 2008/08/21 11:00 ] [ 編集 ]
[ 3511 ] 助けてください!
助けてください!
タイトルの画像は出来上がったのですがタイトルが画像になりません・・・(泣
読みながらやっているのですがドコをいじくれば良いのか解らず・・・
タイトルを画像にする方法、教えてください!
[ 2008/08/30 12:19 ] [ 編集 ]
[ 3523 ] なるほど
なぜかスタイルシート適応時に
画像の位置を変更できないのはこの
border="0"が無かったからなんですね

ようやく位置を変更することができました
ありがとうございました
[ 2008/09/09 20:21 ] [ 編集 ]
[ 3586 ] どうすれば・・・
画面内のサイズ?にずるにはどうすればよろしいでしょうか?
(詳しくはhttp://0tuki0.blog49.fc2.com/を見てみてください><)
[ 2008/11/18 20:48 ] [ 編集 ]
[ 3588 ] すいません
↑解決しました^^;
どぅもすいません><
[ 2008/11/20 21:17 ] [ 編集 ]
[ 3589 ] 助言願います
なんとかタイトルを画像にすることはできたのですが、
表示されるサイト名が、URLのようなものになってしまいます。
どうすればいいのでしょうか?
また、タイトル画像をTOPページにリンクする方法を教えてください。
よろしくお願い致します。
http://dreamtools.blog90.fc2.com/
[ 2008/11/23 12:50 ] [ 編集 ]
[ 3590 ] ▼McDowellさん
HTMLの<h1>~<h1>を以下のものに差し替えてみてください。

<h1><a href="<%url>" title="<%blog_name> トップページへ"><img src="http://blog-imgs-31.fc2.com/d/r/e/dreamtools/k159372000DA_uljp00003.png" alt="Dream Tools トップページへ" width="800" height="180" /></a></h1>

alt="●●"やtitle="●●"の部分は文字・もしくは画像にマウスカーソルをあわせた際に表示されるものです。
[ 2008/11/26 21:58 ] [ 編集 ]
[ 3626 ] ヘッダ画像のリンク
ヘッダ背景画像にブログTOPへのリンクを張る方法を
ご教授いただけませんでしょうか?
調べたのですがどうもわかりずらくて・・・
使用テンプレはlight_frameです
お願いします
[ 2008/12/15 00:38 ] [ 編集 ]
[ 3629 ] ▼上の方へ
この記事の通り、

<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="画像URL" border="0"></a></h1>

で出来ます。

<a href="<%url>" title="<%blog_name>" alt="<%blog_name>">※文字・または画像へのリンクタグ</a>
この部分がブログトップページへのリンク、

<img src="画像URL" border="0">
これが画像を貼っている部分

この2つが組み合わさっていることで「画像でリンク」をしていることになります。

※の部分に文字を入れるのがテキストリンクです。
【例】<a href="http://10plate.blog44.fc2.com/" target="_blank">FC2ブログのテンプレート工房</a>
[ 2008/12/18 22:28 ] [ 編集 ]
[ 3640 ]
こちらの記事を参考にブログを更新してみました
とても分かりやすかったです
次は画像のランダム表示に挑戦したいと思います

ありがとうございました!
[ 2008/12/28 01:25 ] [ 編集 ]
[ 3707 ] はじめまして
はじめましてこんばんわ。

ブログ引越しにあたり、このサイトのstandardのテンプレートをつかわさせて頂いてます。

この記事を参考に、自作した画像(幅800px×高さ600px)をタイトルにしたところ、かなり小さく表示されてしまいます。
ヘッダ背景をその画像にしてみても、結果は同じ…。

heightで高さを指定するのと同じように、widthで幅を800pxに指定してみても、小さい画像が表示されるだけです。


解決法を教えていただけませんか?。よろしくお願いします。
http://dragonsdevotion.blog100.fc2.com/

[ 2009/03/13 17:25 ] [ 編集 ]
[ 3713 ] サブタイトルと記事の間の余白
はじめまして。
standardのテンプレを使わせていただいているのですが、タイトルを画像にして、その下にサブタイトルを表示しているのですが、サブタイトルと記事の間の余白を狭くしたいのですがどうしたらよいのか教えていただけないでしょうか。
[ 2009/03/16 00:50 ] [ 編集 ]
[ 3714 ] ▼あきにゃんさん
画像URLがサムネイルになっています。

http://blog-imgs-27.fc2.com/d/r/a/dragonsdevotion/2009y03m13d_164621929s.jpg
の赤字の部分を外し、
http://blog-imgs-27.fc2.com/d/r/a/dragonsdevotion/2009y03m13d_164621929.jpg
とすれば800×600で表示されます。

ファイルアップロード画面で「サムネイルで記事を書く」をクリックして記事画面に表示されたURLだとこのsが付きます。
原寸で使用したい場合は左に表示されている画像一覧をクリック(または右クリック→ショートカットのコピー)で表示されるURLをし使用します。
[ 2009/03/16 01:16 ] [ 編集 ]
[ 3722 ] > 真希あーるさん
スタイルシートの末尾に次の記述を加えてください。

h1 {
margin-bottom:10px;
}

10pxという数値はお好みの間隔になるように変更してください。
[ 2009/03/18 01:30 ] [ 編集 ]
[ 3724 ] カレンダー下の余白になりました
いたおさんレスありがとうございます。

その後サブタイトル下に横カレンダーを入れた状態になっているのですが、書かれていた通りに直してみたらサブタイトルの上に余白ができました。

私の最初の説明が悪かったんだと思うのですが、今の状態で言うと横カレンダーの下の余白を詰めたかったんです。

自分でもいろいろやってみたんですがうまくいきませんでした。

もしお時間があったら教えていただけるとありがたいです。
[ 2009/03/18 02:43 ] [ 編集 ]
[ 3725 ] > 真希あーるさん
すみません。質問内容を間違えてしまいました。

この記事を参考にして横カレンダーを入れたのでしょか。
http://10plate.blog44.fc2.com/blog-entry-113.html

だとするとスタイルシートに次のような行を加えたはずです。

/* 横カレンダー */
.line_calendar {

margin-bottom:10px; /* カレンダー下の間隔 */

}

この10pxの数字をお好みに合わせて小さくしてください。
[ 2009/03/18 03:00 ] [ 編集 ]
[ 3730 ] 横カレンダー下の余白
いたおさんレスありがとうございます。

margin-bottom:0px; /* カレンダー下の間隔 */
text-align:center;
}

すでに0pxにしてました・゚・(つД`)・゚・

なんとなく見慣れてきたのでこのままにしておこうと思います。
お手数おかけしました。
[ 2009/03/18 19:15 ] [ 編集 ]
[ 4176 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2009/05/12 07:49 ] [ 編集 ]
[ 4365 ] タイトル画像とタイトル文字
初めまして。
こちらの記事を参考にしてタイトルを画像にしてみました。
ですが、画像自体にタイトル名を書いてしまったので
現在ブログタイトル名が画像の物と文字の物とで重なってしまっている状態です。
どうにか文字の方を非表示にして、画像で描いた絵のタイトルだけにする事はできないでしょうか?

↓のワラノートさんのようなタイトルに変えたいのです。
http://waranote.blog76.fc2.com/
[ 2009/05/21 03:07 ] [ 編集 ]
[ 4373 ] > ゼットさん
ゼットさんはヘッダー背景を画像にしたのですか?

ヘッダー背景を画像にする
http://10plate.blog44.fc2.com/blog-entry-28.html

ワラノートさんはタイトル自体を画像にしています。

タイトルを画像にする
http://10plate.blog44.fc2.com/blog-entry-54.html

HTMLの<h1>~</h1>を削除すれば文字のタイトルは無くなりますが、トップページへのリンクが無くなるので「タイトルを画像にする」にやり直したほうが良いと思います。
[ 2009/05/21 22:47 ] [ 編集 ]
[ 4380 ]
ヘッダーを画像にしていました・・・
なるほど、タイトルを画像にするにしたら上手くいきました!

とても助かりました。
どうもありがとうございますm(_ _)m
[ 2009/05/22 00:31 ] [ 編集 ]
[ 4384 ] > ゼットさん
解決して良かったです。
SEOを考慮するなら次のような記事もあります。

タイトルを画像にしたときのSEO
http://10plate.blog44.fc2.com/blog-entry-187.html
[ 2009/05/22 01:12 ] [ 編集 ]
[ 4458 ]
自分じゃわからなかったので質問させてくださいorz
lightframeの3カラムを使っています。
タイトルバナーを中央にしてそのサイドのメニューをタイトルの横に表示させたいんですができますでしょうか?
できるようでしたら教えていただけるとありがたいです(*- -)(*_ _)ペコリ
[ 2009/05/25 04:14 ] [ 編集 ]
[ 4460 ] ▼あばさん
こちらで紹介されています。

左右カラムを一番上まで伸ばす
http://10plate.blog44.fc2.com/blog-entry-107.html
[ 2009/05/25 08:51 ] [ 編集 ]
[ 4462 ]
記事にされてたのですね。ありがとです
ちゃんと調べず申し訳ないです。
[ 2009/05/25 14:02 ] [ 編集 ]
[ 4467 ] > ちゃんさん、あばさん
いつもありがとうございます、ちゃんさん。

あばさん、ちゃんさんが教えてくれた記事を参考にしてください。私も訪問者が目的の情報を見つけやすいサイト作りを目指しますね。
[ 2009/05/25 21:46 ] [ 編集 ]
[ 4663 ] タイトル画像のずれ
タイトルを画像にするところまでは出来たのですが、
タイトル画像が斜め下にずれてしまいます。
どうしたら良いか教えていただけませんか?
[ 2009/06/14 17:16 ] [ 編集 ]
[ 4664 ] > ひかりさん
それは私が作成したテンプレートではないので確かなことは言えないのですが、スタイルシートの末尾に以下を加えてみてください。

h1{
padding:0px;
}

これで上手くいかないようなら作者様かユーザーフォーラムに問い合わせてみてください。
[ 2009/06/14 17:31 ] [ 編集 ]
[ 4665 ]
教えて頂いたとおりにやったら直りました!!
ありがとうございました。
[ 2009/06/14 17:39 ] [ 編集 ]
[ 4667 ] > ひかりさん
解決して良かったです。
ここで紹介しているカスタマイズは当サイトのテンプレートを前提としているので、他のテンプレートでは上手くいかないこともあるのでご了承ください。
[ 2009/06/15 01:37 ] [ 編集 ]
[ 4737 ]
皆さんタイトル画像作るときどんなツールを使ってますか。
初めて作るので参考にしたいので教えてくれるとありがたいです。
[ 2009/06/28 13:45 ] [ 編集 ]
[ 4740 ] > くろさん
私はPhotoShopを使っていますが、無料ツールを使いたければ「画像編集 フリー」等でGoogle検索してみてください。
[ 2009/06/29 01:22 ] [ 編集 ]
[ 4748 ]
ありがとうございます
参考にさせてもらいます
[ 2009/06/30 01:45 ] [ 編集 ]
[ 4951 ] トップ画像について
blue_3columnというテンプレートを使っているのですが、タイトル画像部分が小さいようで、大きな画像だとはみ出してしまいます。
タイトル画像部分を大きくするにはどうすればいいのですか?
教えていただけると助かります。
[ 2009/07/16 11:28 ] [ 編集 ]
[ 4957 ] > かんなさん
申しわけありません。ちょっとどうのような状態なのか理解できませんでした。

それは私が作成したテンプレートではないので解らないかも知れませんが、実際に状態を見せてもらえると解りやすくて助かります。
[ 2009/07/16 19:10 ] [ 編集 ]
[ 5012 ] タイトルの位置とサイズ
こんにちは、いつも参考にさせていただいています。

タイトル画像について2つ質問があります。

1,タイトルを中央にするにはどうしたら良いですか?
ー<h1 aline="center">と書いても中央になりませんでした。

2,グローバルナビ(プラグインのリンク)のバーとタイトル画像がかぶる場合、どのように直したら良いでしょうか?
ーヘッダのサイズやスタイルシートのレイアウト部分を変えてプレビューするときれいに離れるのですが、更新してブログを確認するとかぶってしまいます。

アドバイスよろしくお願いいたします。
[ 2009/07/19 22:28 ] [ 編集 ]
[ 5019 ] > ariさん
それは私が作成したテンプレートではないので確かなことは言えませんが、

aline
ではなく
align
としてください。

それでもだめならスタイルシートの末尾に

#header {
text-align:center;
}

を加えてみてください。

2の質問は理解できませんでした。グローバルナビとタイトル画像がかぶるとはどのような現象でしょうか。
理解が悪く申しわけありません m(__)m
[ 2009/07/20 00:26 ] [ 編集 ]
[ 5378 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2009/08/09 20:46 ] [ 編集 ]
[ 5384 ] ありがとうございました
ありがとうございました!
あれから適当にやってみたらそれらしくできました♪

ちなみに、現在画像が真ん中にあるのですが
右側に寄せたいんです
どうすればできますか?
[ 2009/08/09 22:24 ] [ 編集 ]
[ 5386 ] > Gemmaさん
h1タグの中にあるimgタグを消して、スタイルシートの末尾に以下を加えてみてください。

#h1-line02 {
background-image: url("http://http://storage.kanshin.com/free/img_18/183511/1918492345.jpg");
height: 307px;
background-repeat: no-repeat; /* 繰り返し表示の有無 */
background-position: right top; /* 表示位置 */
}

テンプレートの「複製」をとりながら修正してください。
[ 2009/08/09 22:39 ] [ 編集 ]
[ 5388 ]
h1タグの中にあるimgタグ
っていうのはどこでしょうか?

スタイルシートの末尾とは
/* Designed by FC2ブログのテンプレート 再配布は禁止されています */
の下ってことでいいですか?

テンプレートの複製
とはどういうことでしょうか?

なんか質問ばかりで馬鹿みたいです・・wごめんなさい
初心者なもので、どうぞよろしくお願いします
[ 2009/08/10 00:17 ] [ 編集 ]
[ 5390 ] > Gemmaさん
まずテンプレートのページに行きます。
管理画面→テンプレートの設定
そのページの使用中テンプレート名の右に「複製」があります。
でもあまりカスタマイズしていないなら、バックアップをとらなくてもいいです。失敗したら新たなテンプレートをダウンロードしましょう。

HTMLの赤い部分を消してください。

<h1 align="left"> タイトル <a ~ ><img ~ ></a></h1>

そして

<h1 align="left"><a ~ > タイトル </a></h1>

としてください。
スタイルシートの挿入箇所はそこで良いです。
[ 2009/08/10 01:01 ] [ 編集 ]
[ 5391 ]
<h1 align="left"> 眠くもないけど 行く場所もない<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="http://storage.kanshin.com/free/img_18/183511/1918492345.jpg" border="0"></a></h1>

となっているのですが、画像のURLも消して
<h1 align="left"><a ~ > タイトル </a></h1>
に従うのでしょうか?
お願いします
[ 2009/08/10 07:53 ] [ 編集 ]
[ 5392 ] >gemmaさん
>h1タグの中にあるimgタグを消して、スタイルシートの末尾に以下を加えてみてください。
と書いてある通り画像URLの部分は削除します。

<h1 align="left"><a href="<%url>" title="<%blog_name>" alt="<%blog_name>">眠くもないけど 行く場所もない</a></h1>

スタイルシートで設定したので必要ありません^^
[ 2009/08/10 09:15 ] [ 編集 ]
[ 5400 ]
ありがとうございました!!丁寧な説明で分かりやすかったです
書きかえれば、右でも、左でも、真ん中でも自由ってわけですね♪
色々やってみようと思います^^

ちなみに、記事のタイトルの枠は色を変えられたのですが、文字の色を変えるにはどうすればいいのですか?
あとコメントの文字の色も変えたいのですが、どこを変更すればいいのか分かりません
お題違いのコメントかもしれませんがよろしくお願いします
[ 2009/08/10 13:01 ] [ 編集 ]
[ 5405 ] >Gemmaさん
記事タイトルの部分は下記のcolor部分を変えます

h3 a:link {
color : #666666;
text-decoration : none;
}
h3 a:active {
color : #666666;
text-decoration : none;
}
h3 a:visited {
color : #666666;
text-decoration : none;
}
h3 a:hover {
color : #666666;
text-decoration : underline;
}

Link・active・visited・hover
はそれぞれ
link…通常
active…実行中
visited…訪問済
hove…マウスカーソルを合わせた時
と言う意味です。


コメントの部分ですが、

コメントタイトルは .comment_title
コメント本文は .comment_body
の各自colorの変更で出来ます。

******************************

>いたおさんへ

HTMLとスタイルシートの構造がFC2ブログのテンプレート工房様配布のものとほぼ同じで、更にサイト名も似ている(「工房」が無いだけ)ので、いたおさんがいつの間にか新しいテンプレートをリリースしていたのかと思ったら違いました(^^;)

フッターにクレジットが入っていないようですが、元にしたのは間違いなくlightframeですよね???
[ 2009/08/10 17:11 ] [ 編集 ]
[ 5408 ] > Gemmaさん、ちゃんさん
> Gemmaさん
ちゃんさんが教えてくれたところを変えてみてください。

> ちゃんさん
いつもありがとうございます m(__)m

HTMLとスタイルシートもほぼ同じですが、サイトタイトルまでほぼ同じなんですよね、うーん;
更新が止まってるみたいだし反応なさそうなので、とりあえず放っておこうと思います^^;
[ 2009/08/10 19:30 ] [ 編集 ]
[ 5409 ] >ちゃんさん、いたおさん
ちゃんさんありがとうございました^^
記事タイトルの文字はおかげさまで変えることができました!
嬉しいです

記事の下のCMをクリックした時の、「コメントの投稿」と「トラックバック」の文字の色を変えたいのですが、
どこを変えても色が変わりません
どうすれば変えられますか?
[ 2009/08/10 21:46 ] [ 編集 ]
[ 5410 ] > Gemmaさん
スタイルシートの文末に以下を加えてください。

.comment_title {
color: #cccccc; /* コメントの色 */
}

trackback_block_title {
color: #cccccc; /* トラックバックの色 */
}
[ 2009/08/10 22:35 ] [ 編集 ]
[ 5413 ]
マウスでなぞると指定した色になるのですが
文字の色が灰色になってしまいました

何度も投稿ごめんなさい(つ□<、)
[ 2009/08/11 09:40 ] [ 編集 ]
[ 5414 ] >gemmaさん
#cccccc
のままでは無く、自分のお好みの色を指定して下さい。

私は「色辞典」様を参考にしています。
選びやすくてお勧めです^^
http://www.colordic.org/s/
[ 2009/08/11 09:50 ] [ 編集 ]
[ 5419 ] > gemmaさん、ちゃんさん
> gemmaさん
ちゃんさんが教えてくれたように、お好みの色を指定してください。

トラックバックのHTMLは、こちらを参考に編集してください。
http://10plate.blog44.fc2.com/blog-entry-246.html#comment5117

> ちゃんさん
いつもありがとうございます^^
このサイトはRGB10進数カラーコードもあるので便利ですね。
[ 2009/08/11 18:13 ] [ 編集 ]
[ 5423 ] >ちゃんさん、いたおさん
分かりました
やってみます^^
本当に親切に分かりやすく教えていただきありがとうございました!
また分からないとこがあったら聞きに来ると思うのでwその時もよろしくお願いします
[ 2009/08/12 00:30 ] [ 編集 ]
[ 5453 ]
standard_pink のテンプレートをお借りしています。

ヘッダー背景を画像に設定したのですが、
ヘッダーとメインボディの間にほんの少しだけ隙間があります。
この空間を詰めたいのですがどうすればいいですか?


[ 2009/08/15 11:13 ] [ 編集 ]
[ 5455 ] > spicaさん
HTMLに次の赤い箇所を加えてみてください。

<!--▼▼▼▼ メインボディ(コンテンツ部分)▼▼▼▼-->
<tr><td id="main_body">

<table style="margin: 1em; margin-top:0px;" border="0" cellspacing="0" summary="contents">

これで上手くいかなければ、現状を確認する必要があるのでURLを教えてください。
[ 2009/08/15 12:12 ] [ 編集 ]
[ 5461 ]
>5455 ありがとうございます。その方法で幅は狭まったのですが、まだ背景が隙間に少し見えていたのが嫌で色々試していると、

<table class="base_table" border="0" cellspacing="1" summary="outline">
--------▼▼ヘッダー(タイトル)▼▼------

このcellspacingの値を"0"にすることで解決しました。


また質問です;
左カラムのカテゴリーなどのメニュータイトルの背景を画像に設定したのですが、こちらもメニュータイトルとメニューコンテンツの間に僅かな隙間が出来てしまいました。
隙間の部分にメインボディの背景が見えてしまっています。
またcellspacingのタグかな?と思って探したのですが見当たらないので・・・
ぴったり繋げるにはどうしたらいいですか?
[ 2009/08/15 17:35 ] [ 編集 ]
[ 5462 ] > spicaさん
URLを教えてくれて有り難うございました。
これは現状を確認できないと解りませんでした。

HTMLに次の赤い箇所を加えてください。

<!--▼▼ プラグイン カテゴリー1 ▼▼-->

<div class="menu_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<table width="100%" summary="plugin1" cellspacing="0" ><tr><td class="menu_cont">
[ 2009/08/15 18:37 ] [ 編集 ]
[ 5463 ]
>5462 いたおさん親切に有難うございました!
おかげでだんだん綺麗になってきました。
また質問させて戴くかと思いますが宜しくお願いします。
[ 2009/08/15 22:33 ] [ 編集 ]
[ 5464 ] > spicaさん
綺麗に表示されましたね。
解決して良かったです^^
[ 2009/08/16 00:21 ] [ 編集 ]
[ 5468 ]
すみません...
これはlightframeでは出来ないんですよね?
やってみたところ画像が右にずれてました...
<h1 align="left">にしてみたのですが直りません…
<h1 align="left"><a href="http://psproom.blog54.fc2.com/ " title="PSP改造情報局" alt="PSP改造情報局"><img src="http://blog-imgs-34.fc2.com/p/s/p/psproom/pspkaizoujouhou.png" border="0"></a></h1>
と、なっています。
こんな僕ですが、教えてくださったら光栄です…
[ 2009/08/16 09:02 ] [ 編集 ]
[ 5469 ] > STEALTHさん
スタイルシートの末尾に以下を加えてください。

h1 {
margin-top: 0px; /* 上の余白 */
margin-left: 0px; /* 左の余白 */
margin-right: 0px; /* 右の余白 */
margin-bottom: 0px; /* 下の余白 */
}
[ 2009/08/16 11:09 ] [ 編集 ]
[ 5470 ]
直りました!
本当にありがとうございます!!
[ 2009/08/16 12:07 ] [ 編集 ]
[ 5472 ] > STEALTHさん
綺麗に表示されましたね。
解決して良かったです^^
[ 2009/08/16 13:12 ] [ 編集 ]
[ 6106 ]
GoogleChormeだとブログタイトルとブログ紹介文が表示されてしまうのですが、これを消す方法はありますか?
[ 2009/09/19 06:39 ] [ 編集 ]
[ 6114 ] > Geckoさん
スタイルシートの末尾に加えてください。

h1, .intro {
text-indent:-9999px;
}
[ 2009/09/19 23:13 ] [ 編集 ]
[ 6232 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2009/09/26 11:09 ] [ 編集 ]
[ 6259 ]
はじめまして。ヤスと申します。
タイトルを画像にしたいと思ってやってみたのですが、画像がもの凄いずれてしまいました><;;どうしたらちゃんとタイトルに収まるでしょうか?

よろしくお願いします。
[ 2009/09/27 17:20 ] [ 編集 ]
[ 6266 ] > ヤスさん
URLを教えてください。
[ 2009/09/27 21:57 ] [ 編集 ]
[ 6291 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2009/09/29 22:34 ] [ 編集 ]
[ 6292 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2009/09/29 22:53 ] [ 編集 ]
[ 6313 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2009/10/01 08:25 ] [ 編集 ]
[ 6482 ]
この記事をみてタイトルを画像に差し替えることができたのですが

横メニューバーとの間などの隙間ができてしまいました。

この隙間を直すにはどのような処置をすればよいでしょうか?

よろしくお願いします。ちなみに以下URL

http://1996522.blog99.fc2.com/
[ 2009/10/15 14:31 ] [ 編集 ]
[ 6488 ] > DAITI7さん
スタイルシートの末尾に加えてみてください。

#header_outline {
margin-bottom:5px; /* ヘッダ下間隔 */
}
[ 2009/10/16 00:39 ] [ 編集 ]
[ 6648 ]
lightframe_whiteを使わせて頂いてるのですがほんの少しだけタイトル画像がズレて表示されてしまうんですが何が問題なのでしょうか?
以前使っていたときはズレもなく綺麗に表示されていたのですが…
[ 2009/10/25 10:04 ] [ 編集 ]
[ 6653 ] > 冬夜(懺)さん
スタイルシートの末尾に加えてみてください。

#header_outline {
border: none;
}
#header_body {
border:none;
}
[ 2009/10/25 23:24 ] [ 編集 ]
[ 6736 ] わからない;;
あのlightframe_skyblueを使わせていただいているんですが
<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->

<h1><a href="<%url>"><%blog_name></a></h1>

<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->
的なものがどこにも見当たりません;;
どうかたすけてください
[ 2009/10/31 18:02 ] [ 編集 ]
[ 6741 ] > ぷいさん
HTMLの上の方にあるはずです。lightframe_skyblueですと、正確には次の様になっています。

<!--▼▼ ヘッダー ▼▼-->

<h1><a href="<%url>" title="<%blog_name> トップページへ"><%blog_name></a></h1>

<!--▲▲ ヘッダー ▲▲-->
[ 2009/10/31 23:52 ] [ 編集 ]
[ 6747 ]
ありがとうございました
無事にできました
[ 2009/11/01 08:37 ] [ 編集 ]
[ 6754 ] > ぷいさん
解決して良かったです^^
[ 2009/11/01 22:11 ] [ 編集 ]
[ 6760 ]
タイトル画像を変更したのはいいんですけど
画像が少し右にずれてはみだしています
どうやれば直りますかね?
[ 2009/11/02 23:33 ] [ 編集 ]
[ 6761 ] > Marsさん
スタイルシートの末尾にこれを加えてください。

h1 {
margin-right:0px; /* 右余白 */
margin-left:0px; /* 左余白 */
}

必要であればこれも加えてください。

h1 {
margin-top:0px; /* 上余白 */
}
[ 2009/11/03 00:10 ] [ 編集 ]
[ 6780 ]
できました!!

ありがとうございました
[ 2009/11/03 22:56 ] [ 編集 ]
[ 6792 ] > Marsさん
解決して良かったです^^
[ 2009/11/04 23:43 ] [ 編集 ]
[ 6803 ] 微妙な隙間
初めて書き込みさせて頂きます。

早速ですが、こちらのブログ様を参考にし、ブログのタイトルを画像にすることが出来ました。
有難う御座います。

ですが、上に微妙な間隔があり、下の記事にまで画像がはみ出してしまっています。

原因、解決方法をお教えいただけると幸いです。

[ 2009/11/05 22:29 ] [ 編集 ]
[ 6808 ] > けだむさん
それは私が作成したテンプレートではないので確かなことは言えないのですが、スタイルシートの末尾にこれを加えてみるとよいかもしれません。

div#header h1 {
padding-top: 0px;
}

あとHTMLのh1タグが
<h1><h1>~</h1></h1>
と2重になっているので
<h1>~</h1>
としたほうが良いと思います。
[ 2009/11/05 23:32 ] [ 編集 ]
[ 6815 ] 有難う御座います
無事、戻りました。
未だに上に少し余分な部分が残っていますが、記事にさえはみ出さなければ大丈夫です!!

わざわざ、ご教授頂き感謝します。
有難う御座いました!!
[ 2009/11/06 21:13 ] [ 編集 ]
[ 6819 ] > けだむさん
一応解決して良かったです^^
確信はないですが、もしかするとさらにこれを追加することで僅かな隙間も埋まるかもしれません。

div#header h1 {
margin-top: 0px;
}
[ 2009/11/06 23:12 ] [ 編集 ]
[ 6830 ]
もしやと思い、覗いて見ましたがいたお様、有難う御座います。

しかしながら、実際に追加してみた所
隙間が埋まりませんでした。
私のような若輩者にココまでして頂いて感謝しております。
重ね重ね申し上げますが、有難う御座います!
[ 2009/11/07 19:24 ] [ 編集 ]
[ 6836 ]
コメント欄などを参考にして、上余白と左右等はきっちりできたのですが、
下部が出てしまいます。
解決法を教えていただければ幸いです。
[ 2009/11/08 12:38 ] [ 編集 ]
[ 6844 ] > けだむさん、もうさん
> けだむさん
ダメでしたか、すみません。
もしそこが気になるようでしたらFC2ユーザーフォーラムに問い合わせてみてください。
http://blogsns.fc2.com/forum_community/

> もうさん
HTMLの下記の赤い部分を削除してください。

<!--▼▼ ヘッダー ▼▼-->

<div class="intro"><%introduction></div>

<!--▲▲ ヘッダー ▲▲-->
[ 2009/11/08 21:53 ] [ 編集 ]
[ 6936 ] 【lightframe】何ですが…。

私のブログを見ての通り…

ヘッダーって何と思いましたが、なんとなく思い通りに出来たwww
と思ったら、タイトルが…

ありぃ…

画像だけにしたいんですよ。

画像クリックしてホームに行けるって言う方法が一番なんですが。
まぁそれはいいかなと、思い。

せめて画像だけにしてタイトルの文字を消したいんです


なんかききたい事がぐちゃぐちゃですみません><
[ 2009/11/12 14:56 ] [ 編集 ]
[ 6942 ] > 紗那さん
今はテンプレートを変えているようですね^^;
[ 2009/11/12 21:46 ] [ 編集 ]
[ 6945 ]
あっ><
試行錯誤中?です><
[ 2009/11/12 22:08 ] [ 編集 ]
[ 6952 ] ルート
始めまして。
タイトル部分を画像に変更使用としたのですが、
<h1><a href="<%url>"><%blog_name></a></h1>
の部分が見当たりません。

使用してるテンプレはlightframeです。
[ 2009/11/13 00:23 ] [ 編集 ]
[ 6962 ] > 紗那さん、ルートさん
> 紗那さん
カスタマイズは馴れるまで大変かもしれませんが頑張ってください^^

> ルートさん
削除していなければあるはずなんですが・・・確認のためにURLを教えてもらえますか。
[ 2009/11/13 22:54 ] [ 編集 ]
[ 7185 ]
画像左に×印が出てしまいます・・・

どう対処したらいいでしょうか??
[ 2009/11/27 16:54 ] [ 編集 ]
[ 7192 ] > 崩ingさん
HTMLに余計なものが含まれています。以下の赤い部分を削除してください。

<h1><a href="http://crazy00dusting.blog18.fc2.com/" title="Crazy Dust" alt="Crazy Dust"><img src="<a href="http://blog-imgs-34.fc2.com/c/r/a/crazy00dusting/bitmap.png" target="_blank"><img src="http://blog-imgs-34.fc2.com/c/r/a/crazy00dusting/bitmap.png" alt="top画像" border="0" width="800" height="300" /></a></h1>
[ 2009/11/27 22:01 ] [ 編集 ]
[ 7193 ]
いたお様

無事成功しました^^
ありがとうございました!!
[ 2009/11/27 22:38 ] [ 編集 ]
[ 7200 ]
<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->

<h1><a href="<%url>"><%blog_name></a></h1>

<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->
って
どこに書いてるのかわかりません
できれば教えてください!!
[ 2009/11/28 12:42 ] [ 編集 ]
[ 7201 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2009/11/28 12:54 ] [ 編集 ]
[ 7204 ]
>ウルフことSKULLさん

ヘッダーが無いのであれば、
タイトルを画像に変更するためにヘッダーを消去しませんでしたか?
[ 2009/11/28 20:03 ] [ 編集 ]
[ 7210 ] > 崩ingさん、ウルフことSKULLさん、nomaさん
> 崩ingさん
解決して良かったです^^

> ウルフことSKULLさん
それは私が制作したテンプレートではないので多少記述が異なります。見たところサイト紹介文もh1タグで囲んでいるようなので、この記事のとおりにはできません。

タイトル部分の背景なら、スタイルシートの末尾にこれを加えるとできると思います。

#header {
height:150px; /* 画像の高さ */
background-image:url(画像URL);
}

これでうまくいかなければ、そのテンプレート制作者に聞いてみてください。

> nomaさん
ありがとうございます^^
[ 2009/11/28 22:10 ] [ 編集 ]
[ 7600 ]
㋛ねよ
これのせいでブログが崩れた。
共通じゃねーじゃねーか屑サイト
使えねー
[ 2009/12/31 05:18 ] [ 編集 ]
[ 7602 ] 7600の方
こちらのテンプレート工房様が製作・配布されているテンプレートに「共通」のカスタマイズです。
良くも読まずにそんなコメントを残されるとは。
崩れたのは間違いなく御自身のせいと言う事にお気づきになったほうが宜しいかと(笑)

[ 2009/12/31 06:06 ] [ 編集 ]
[ 7603 ]
なおったよーばーか。

あんたのサイト閉鎖―w
ざまーみろー
[ 2009/12/31 06:32 ] [ 編集 ]
[ 7604 ]
>>[7603]
あなたのような人がいるから、ちゃんさんのように技量の高い人が、閉鎖せざるを得なかったのですよ?
もう少し考えてから発言した方がいいですよ。
[ 2009/12/31 10:49 ] [ 編集 ]
[ 7611 ] >tskillさん
ありがとうございます。
近所の公園で遊んでいる子供達の話し口調と良く似ていますし、私自身は気にもなりません。
実際、今は冬休み中ですし、本当に小学生低学年の子供さんかもしれません。
だとしたら敬語を使えない文章でも仕方ないことです。
ある程度の年齢だったらこんな書き込みはしませんものね(笑)

今は別鯖でカスタマイズも含めて楽しくやっていますので、いつも貼っているURLは放置の場なんですよ^^

上の方の書き込みが酷くなるようなら、アクセス解析及びコメントログのホストを合わせて管理人のいたおさんが何らかの措置を取ると思います。
しばし静観ですね。
[ 2009/12/31 19:25 ] [ 編集 ]
[ 7617 ] タイトル画像が少し右に
ども。
SEOを考慮したタイトル画像?から元に戻したのですが、
タイトル画像がほんの少し右にずれます。

どうしればよいでしょうか?
[ 2009/12/31 23:50 ] [ 編集 ]
[ 7618 ]
連投すみません
ヘッダーの枠?を消すにはどうすれば良いでしょうか?
[ 2009/12/31 23:57 ] [ 編集 ]
[ 7620 ] > 7600&7603の名無しさん、ちゃんさん、tskillさん、ショボーンさん
> 7600&7603の名無しさん
子供だからどんな発言でも許されるという訳ではありません。特にネットでは大人も子供も同等に扱われます。書き込みをする以上は十分に配慮してください。

> ちゃんさん、tskillさん
お気遣いありがとうございます。なんらかの処置をしなくて済むならそれが一番良いのですが、とりあえず様子を見ます^^;

> ショボーンさん
スタイルシートの末尾にこれを加えてください。

#header_outline {
border: none;
}
#header_body {
border: none;
}
[ 2010/01/01 01:20 ] [ 編集 ]
[ 7622 ]
スタイルシートの末尾に追加しましたが
ほんの少しずれてます・・・

これは画像が大きすぎるのでしょうか?
サイト幅にあわせて作ってるんですが・・・
[ 2010/01/01 01:30 ] [ 編集 ]
[ 7623 ]
一応ズレは直りました!w(右側に線が残りましたが)
ありがとうございます!
[ 2010/01/01 01:43 ] [ 編集 ]
[ 7630 ] > ショボーンさん
解決して良かったです^^

残りの僅かなズレは、スタイルシートの全体幅設定を1051pxから1050pxにしてみるとどうでしょうか。

#outline {
width:1050px;
margin:0 auto;
}
[ 2010/01/01 23:05 ] [ 編集 ]
[ 7641 ]
タイトルの隣に画像を置きたいと考えていますが上手くできません。
高さがずれたりしてしまうのですが、何か良い方法はないでしょうか。

よろしくお願いします。
[ 2010/01/02 15:18 ] [ 編集 ]
[ 7651 ] > ゆずれもんさん
それは私が作成したテンプレートではないので確かな事は言えないのですが、画像を背景として配置するのはどうでしょうか。

#header {
background-image: url("画像URL");
background-repeat: no-repeat;
background-position: 300px 0px; /* 左からの距離、上からの距離 */
}
[ 2010/01/02 23:18 ] [ 編集 ]
[ 7664 ]
>いたおさんへ

ありがとうございます。
ずっとhtmlの方をいじっていました^^;
[ 2010/01/03 13:48 ] [ 編集 ]
[ 7671 ] > ゆずれもんさん
背景のほうが配置の微調整ができます。配置の調整はこの数値を変更してください。

background-position: 300px 0px; /* 左からの距離、上からの距離 */
[ 2010/01/03 18:25 ] [ 編集 ]
[ 7673 ]
>いたおさん

1051px→1050pxにすると線も無くなりました!

本当にありがとうございました!
[ 2010/01/03 19:09 ] [ 編集 ]
[ 7678 ] > ショボーンさん
解決して良かったです^^
[ 2010/01/03 19:53 ] [ 編集 ]
[ 7709 ]
ここのテンプレートを使わせてもらっているものです。
ありがとうございます。
質問なんですが、今僕はどのブラウザで見ても表示が崩れないように、プラグインや記事の幅をパーセンテージで指定しているのですが、それだと、TOP絵だけがズレてしまいます。
僕の理想としてはVIPPERな俺様(ttp://blog.livedoor.jp/news23vip/)のようにTOP絵が常に真ん中に表示されるようにしたいのです。
どうすればよいでしょうか。
それとも、ライブドアブログの仕様なんでしょうか。
ご返答お願いします。
[ 2010/01/05 19:28 ] [ 編集 ]
[ 7715 ] > ルーティーンさん
タイトル画像をこのタグで囲んでみてください。
<div style="text-align:center">~</div>
[ 2010/01/05 23:53 ] [ 編集 ]
[ 7726 ]
ありがとうございます!できました!
[ 2010/01/06 17:51 ] [ 編集 ]
[ 7732 ] > ルーティーンさん
解決して良かったです^^
[ 2010/01/06 22:48 ] [ 編集 ]
[ 7847 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2010/01/12 18:16 ] [ 編集 ]
[ 7858 ] > 7847に鍵コメしてくれた方
普段は鍵コメには鍵コメで答えるのですが、まだ記事が1つも無い(コメントできない)のでこちら書きます。記事に追記したのでこちらを参考にしてください。

【2010/01/13 追記】
http://10plate.blog44.fc2.com/blog-entry-54.html#a20100113
[ 2010/01/13 00:24 ] [ 編集 ]
[ 7860 ]
ついうっかりしてました。申し訳ございませんm(_ _)m
追記してくれた通りやってみると見事に出来ました!ありがとうございます!
またお世話になってしまう事があるかもしれませんが、どうぞよろしくお願いします。
[ 2010/01/13 08:55 ] [ 編集 ]
[ 7870 ] > ネドさん
解決して良かったです^^
[ 2010/01/13 23:03 ] [ 編集 ]
[ 7872 ] タイトル画像について
はじめまして。
最近ブログを始めて、こちらのテンプレートをお借りしています。
そしていろいろとカスタマイズの参考にこちらのブログを拝見しております。

そこで質問なんですが、タイトル画像の枠?に黒い線が入っています。
これを目立たなくするか背景の白と同色にしたいのですが
どうすればできますでしょうか。

ご多忙のところ申し訳ないのですが
コメントお願いいたします。
既出の質問であれば申し訳ありません。
[ 2010/01/13 23:21 ] [ 編集 ]
[ 7873 ]
スタイルシートの末尾にこれを加えてみてください。

a img {
border: none;
}
[ 2010/01/13 23:28 ] [ 編集 ]
[ 7874 ] ありがとうございます
早急な対応ありがとうございます。
おかげで私の理想の形にすることができました。
本当に感謝です。これからもこのブログで勉強させていただきます。

これからも何かとお世話になることがあるかと思いますが
どうぞよろしくお願いいたします。

[ 2010/01/13 23:34 ] [ 編集 ]
[ 7875 ] > Speirsさん
解決して良かったです^^
[ 2010/01/13 23:43 ] [ 編集 ]
[ 7936 ]
何度も質問すいません;;

タイトルを画像にすることはできたのですが、
画像を余白(黒い部分)なしで幅一杯に張り付ける方法が
わかりません・・
上記の通り、スタイルシートの末尾に張り付けても
変わりなかったです。

ご指示お願いします。

/*************************************** ▼ ブログタイトル ▼ */
h1 {
font-size:14pt; /* 文字サイズ */
text-align:center; /* 中央寄せ */
margin:0px 0px;
}
/* ▽文字色とリンクの下線有無▽ */
h1 a:link { color:#ffffff; text-decoration:none; } /* 通常 */
h1 a:active { color:#ffffff; text-decoration:none; } /*実行中*/
h1 a:visited { color:#ffffff; text-decoration:none; } /*訪問済*/
h1 a:hover { color:#ff0000; text-decoration:none; } /*マウス*/
/* △文字色とリンクの下線有無△ */
h1 {
margin-top: 0px; /* 上の余白 */
margin-left: 0px; /* 左の余白 */
margin-right: 0px; /* 右の余白 */
margin-bottom: 0px; /* 下の余白 */
}
/*************************************** ▲ ブログタイトル ▲ */
[ 2010/01/18 23:59 ] [ 編集 ]
[ 7937 ] > オクもっこりさん
サイト説明文を使わないのであれば、HTMLのこの部分を削除してください。
<div class="intro"><%introduction></div>
これで画像下の黒い余白が無くなるはずです。

サイト幅1000pxに対して画像幅が950pxしかないので左右に余白ができています。これを解決するには次の3通りのやり方があります。お好みの方法を選んでください。

【1】 1000px幅の画像を用意する

【2】 サイト幅を950pxにあわせる
http://10plate.blog44.fc2.com/blog-entry-78.html

【3】 多少画質が落ちるが950pxの画像を1000pxに引き延ばして表示する
<img src=',images[rnd],' border="0" width="1000">
[ 2010/01/19 00:29 ] [ 編集 ]
[ 7938 ]
HTMLを削除して、1000pxにしたらできました!
ありがとうございました。
[ 2010/01/19 01:11 ] [ 編集 ]
[ 7947 ] > オクもっこりさん
解決して良かったです^^
スタイルシートの末尾にこれを加えると更に良くなるかもしれません。

#header_outline,
#header_body {
border: none;
}
[ 2010/01/20 00:05 ] [ 編集 ]
[ 7968 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2010/01/20 21:22 ] [ 編集 ]
[ 7974 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2010/01/21 00:02 ] [ 編集 ]
[ 7978 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2010/01/21 15:26 ] [ 編集 ]
[ 8680 ]
サイト幅いっぱいの画像を使うため
スタイルシートに
h1 {
margin-top: 0px; /* 上の余白 */
margin-left: 0px; /* 左の余白 */
margin-right: 0px; /* 右の余白 */
margin-bottom: 0px; /* 下の余白 */
}
を加えました。

IEだとちゃんとおさまり横にずれたりしないのですが
FOXで見ると余白が消えないのですが
どうすればいいのでしょうか?
[ 2010/05/01 00:15 ] [ 編集 ]
[ 8681 ]
自力で直せました(`・ω・´)
[ 2010/05/01 00:26 ] [ 編集 ]
[ 8729 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2010/08/18 23:51 ] [ 編集 ]
[ 8735 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2010/09/05 23:23 ] [ 編集 ]
[ 8747 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2010/10/11 18:14 ] [ 編集 ]
[ 8758 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2010/11/07 14:37 ] [ 編集 ]
[ 8782 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/01/04 18:03 ] [ 編集 ]
[ 8791 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/01/21 10:47 ] [ 編集 ]
[ 8819 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/04/18 21:44 ] [ 編集 ]
[ 8839 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/07/12 11:55 ] [ 編集 ]
[ 8855 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/08/28 13:10 ] [ 編集 ]
[ 8859 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/09/20 08:39 ] [ 編集 ]
[ 8868 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/10/11 18:29 ] [ 編集 ]
[ 8957 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2012/01/09 06:49 ] [ 編集 ]
[ 9088 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2012/03/19 19:09 ] [ 編集 ]
[ 9089 ]
すいません、ヘッダーを画像に変えるのはできたのですが、読み込み(?)をするたびに画像を変える方法はありませんか?><
ちなみに、画像はTOPへリンクさせるようにお願いします!
[ 2012/03/19 19:53 ] [ 編集 ]
[ 9093 ] > 有希さん
こちらの記事を参考にしてください。

タイトル画像をランダムに変える - FC2ブログのテンプレート工房
http://10plate.blog44.fc2.com/blog-entry-88.html
[ 2012/03/20 03:46 ] [ 編集 ]
[ 9175 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2014/01/18 16:05 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

タイトルを自作の画像に変更してみました。
タイトルが素っ気なかったので自作・変更してみました。 簡単でした。 まず、自作のバーナーを作ります。 以下のサイトを使えば誰でもできます。 Hyper Banner Maker 色やバーナーのサ...
ブログ内検索1
プロフィール

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
11 | 2014/12 | 01
- 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 - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

11 | 2014/12 | 01
- 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 - - -
ユーザータグ


△ ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。