FC2ブログのテンプレート工房
カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？
タイトルを画像にする
タイトルを画像にする方法を紹介します。
ヘッダ背景を画像にして更にタイトルを画像にすることも可能です。
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>
〜
<!--▲▲▲▲ ヘッダー（タイトル部分）▲▲▲▲-->
これでタイトルを画像にすることが出来ます。
ヘッダ背景を画像にして更にタイトルを画像にすることも可能です。
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>
〜
<!--▲▲▲▲ ヘッダー（タイトル部分）▲▲▲▲-->
これでタイトルを画像にすることが出来ます。
≪ テーブル内の文字フォントを制御する | HOME | 記事を枠で囲む ≫
[ 341 ] > ねこキックさん
こんばんは、ねこキックさん。
混乱させてしまって申し訳ありません＾＾；
例えば「ブログの素材屋さん」のタイトルは画像です。
http://nanakumo.blog44.fc2.com/
タイトルとなる画像は各自で用意してもらいます。私がこの記事で紹介しているのは画像をタイトルとして挿入する方法です。
混乱させて申し訳ありませんでした＾＾；
混乱させてしまって申し訳ありません＾＾；
例えば「ブログの素材屋さん」のタイトルは画像です。
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
こちらを参考に文字の大きさを変えてみてくださいね。
テーブル内の文字フォントを制御する方法を記事に掲載しました。
http://10plate.blog44.fc2.com/blog-entry-55.html
こちらを参考に文字の大きさを変えてみてくださいね。
[ 2006/04/16 02:14 ]
[ 編集 ]
[ 874 ] lightframeの場合
いつもお世話になっております。
タイトルを画像にする方法は「lightframe」の場合も同じでしょうか？
タイトルを画像にする方法は「lightframe」の場合も同じでしょうか？
[ 2006/12/13 11:58 ]
[ 編集 ]
[ 880 ] > ブーパパさん
こんばんは、ブーパパさん
lightframeの場合も同じですよ。この記事のカテゴリがstandardだったので紛らわしいですね＾＾；直しておきますね。
lightframeの場合も同じですよ。この記事のカテゴリがstandardだったので紛らわしいですね＾＾；直しておきますね。
[ 2006/12/14 00:34 ]
[ 編集 ]
[ 2184 ] 画像URL取得法
何度も挑戦したんですが、
どうしても画像が×印になってしまいます。
どこで画像URLを取得したらいいでしょうか？
どうしても画像が×印になってしまいます。
どこで画像URLを取得したらいいでしょうか？
[ 2007/06/13 23:56 ]
[ 編集 ]
[ 2197 ] > リカさん、ちゃんさん
有り難うございます、ちゃんさん＾＾
リカさん、ちゃんさんの指示通り、まず使いたい画像はサーバにアップロードしてくださいね。
リカさん、ちゃんさんの指示通り、まず使いたい画像はサーバにアップロードしてくださいね。
[ 2007/06/15 00:03 ]
[ 編集 ]
[ 2542 ] こんばんは
こんばんは^^
いつもこのブログのカスタマイズ方法などを見させてもらってる者でｓ。
質問なんですが、
タイトルを画像にするのはできたんですが
タイトルブロック？と画像の隙間の
空間ってどうすればなくなりますかね？
変な質問ですみません^^；
いつもこのブログのカスタマイズ方法などを見させてもらってる者でｓ。
質問なんですが、
タイトルを画像にするのはできたんですが
タイトルブロック？と画像の隙間の
空間ってどうすればなくなりますかね？
変な質問ですみません^^；
[ 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にすれば画像上下の隙間が無くなります。
さっちゃんさんの場合はブログ紹介文(サブタイトル)が無いのでぴったりになりますが、ある場合は画像下に文章が入ることになります。
/* サイトタイトル */
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
どうもありがとうございます^^
なんかそれをやったら
画像と枠の下に少し
隙間ができましたが
枠の色を黒にしてごまかしましt(ry
どうもありがとうございます^^
[ 2007/07/25 18:04 ]
[ 編集 ]
[ 2596 ]
初めましてこんにちは
テンプレートお借りしています。
既出でしたら申し訳ないんですが
サイドバーを画像に差し替えることはできるでしょうか？
例えば、自分で作成した画像の縦横が指定されている画像
もう１つは背景画にする事なんですが可能ならば教えて頂きたいです。
お忙しいとは思いますが宜しくお願い致します。
テンプレートお借りしています。
既出でしたら申し訳ないんですが
サイドバーを画像に差し替えることはできるでしょうか？
例えば、自分で作成した画像の縦横が指定されている画像
もう１つは背景画にする事なんですが可能ならば教えて頂きたいです。
お忙しいとは思いますが宜しくお願い致します。
[ 2007/08/03 15:57 ]
[ 編集 ]
[ 2598 ] サイドバーと言うのはプラグインの事でしょうか？
プラグインのタイトルの背景を画像にするやり方だったらこれだと思います。
プラグインの背景を画像にする
http://10plate.blog44.fc2.com/blog-entry-100.html
もし違っていたらごめんなさい。
プラグインの背景を画像にする
http://10plate.blog44.fc2.com/blog-entry-100.html
もし違っていたらごめんなさい。
[ 2007/08/04 16:33 ]
[ 編集 ]
[ 2610 ] 空さま
空さんご回答ありがとうございます
上記URLを拝見させて頂きましたがstandard用の物ではないようです＞＜
プラグインのタイトル部分を背景にという点はその通りなのですが、縦横を指定で作成した画像を使用したいのではなく
背景を繰り返した形でプラグインタイトルを背景にしたいと思っています。
応用が出来そうであれば、上記を参考にさせて頂きたいと思います。
上記URLを拝見させて頂きましたがstandard用の物ではないようです＞＜
プラグインのタイトル部分を背景にという点はその通りなのですが、縦横を指定で作成した画像を使用したいのではなく
背景を繰り返した形でプラグインタイトルを背景にしたいと思っています。
応用が出来そうであれば、上記を参考にさせて頂きたいと思います。
[ 2007/08/08 05:49 ]
[ 編集 ]
[ 2867 ] >>美紗さん
<header>〜</header>の表記のある部分がそうです。
いたおさんテンプレートでしたら、
<!--▼▼ ヘッダー ▼▼-->
〜
<!--▲▲ ヘッダー ▲▲-->
で囲まれているので分かりやすいです。
いたおさんテンプレートでしたら、
<!--▼▼ ヘッダー ▼▼-->
〜
<!--▲▲ ヘッダー ▲▲-->
で囲まれているので分かりやすいです。
[ 2007/10/13 19:13 ]
[ 編集 ]
[ 2876 ] お助けを！
タイトルを画像にしたいのですが、うちのテンプレですとどこを書き換えれば良いですか？
似たような質問を重ねてすみません；
わからなくて朝から格闘しております；ううう；
似たような質問を重ねてすみません；
わからなくて朝から格闘しております；ううう；
[ 2007/10/16 15:57 ]
[ 編集 ]
[ 2877 ] 灰猫さんへ
タイトル文章の部分を置き換えたいイメージに変更すればよいかと思いますよ。
つまり、<%blog_name>を<img src="画像ファイル名">へと置き換えればOKです。
つまり、<%blog_name>を<img src="画像ファイル名">へと置き換えればOKです。
[ 2007/10/16 23:32 ]
[ 編集 ]
[ 2881 ] ゆうにぃさんへ
できました〜！！感動！！
メッチャ嬉しいです！！ありがとうございますvvv
実はさっきまで挫折してフテ寝してました(笑)
メッチャ嬉しいです！！ありがとうございます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>
となっております
どこをどうすればいいのかアドバイスしてくださいませんか？
<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 ]
[ 編集 ]
[ 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を押すと検索できますよ。
の部分を
<h1 align="center">
とすれば中央へ
<h1 align="left">
とすれば左へ行きます。
検索はCtrlキーを押しながらFを押すと検索できますよ。
[ 2008/05/28 01:36 ]
[ 編集 ]
[ 3353 ] テンプレートcfdn_p
はじめまして、教えてください。
私は共有テンプレート『cfdn_p』を使用しています。
そこで、タイトルの背景を画像にしたいのですが、
上記のようにHTMLを編集したところ、
画像は表示されたのですがタイトルが見えず、
サブタイトルが画像の下に表示されています。
どのようにHTMLを編集すれば画像が背景になり、
タイトル･サブタイトルが画像の上面に表示されるようになりますか？
さらに、タイトル画像の幅は、どのくらいの幅が適当ですか？？教えてください。
私は共有テンプレート『cfdn_p』を使用しています。
そこで、タイトルの背景を画像にしたいのですが、
上記のようにHTMLを編集したところ、
画像は表示されたのですがタイトルが見えず、
サブタイトルが画像の下に表示されています。
どのようにHTMLを編集すれば画像が背景になり、
タイトル･サブタイトルが画像の上面に表示されるようになりますか？
さらに、タイトル画像の幅は、どのくらいの幅が適当ですか？？教えてください。
[ 2008/05/31 23:38 ]
[ 編集 ]
[ 3357 ] > ようころりんさん
それならばこちらの記事を参考にしてください。
ヘッダー背景を画像にする
http://10plate.blog44.fc2.com/blog-entry-28.html
ただ私のテンプレート以外で上手くいく保証はできません。これで上手くいかないようならそのテンプレートの制作者様に問い合わせてみてくださいね。
ヘッダー背景を画像にする
http://10plate.blog44.fc2.com/blog-entry-28.html
ただ私のテンプレート以外で上手くいく保証はできません。これで上手くいかないようならそのテンプレートの制作者様に問い合わせてみてくださいね。
[ 2008/06/01 22:50 ]
[ 編集 ]
[ 3456 ] 質問です。
初めまして、ナツメグと言います。
丁寧な文章とわかりやすい解説、いつも大変参考にさせていただいてます。
それで、今までは大抵文章でわかっていたのですが、どうしても意味不明な箇所がでてしまい、この度、質問させていただきたく思います。
僕のブログを見ていただけるとわかると思うのですが。
以前この記事を参考に、トップの画像を自作のイラストに変えた際に、トップ画像と記事＆プラグインの間に少し空白が出来てしまいました。
というか、僕はマックを使っていて、ブラウザがサファリなので、変更した際にサファリで見た時には隙間はキレイに埋まっていたのですが、IEで閲覧した際にその空白に気がつき、修正しようにも方法が全くわかりません。もし何かわかるようであれば、ご指導いただければと思います。
お忙しい中、長い質問で申し訳ありませんが、どうぞよろしくお願いします。
丁寧な文章とわかりやすい解説、いつも大変参考にさせていただいてます。
それで、今までは大抵文章でわかっていたのですが、どうしても意味不明な箇所がでてしまい、この度、質問させていただきたく思います。
僕のブログを見ていただけるとわかると思うのですが。
以前この記事を参考に、トップの画像を自作のイラストに変えた際に、トップ画像と記事＆プラグインの間に少し空白が出来てしまいました。
というか、僕はマックを使っていて、ブラウザがサファリなので、変更した際にサファリで見た時には隙間はキレイに埋まっていたのですが、IEで閲覧した際にその空白に気がつき、修正しようにも方法が全くわかりません。もし何かわかるようであれば、ご指導いただければと思います。
お忙しい中、長い質問で申し訳ありませんが、どうぞよろしくお願いします。
[ 2008/07/16 22:26 ]
[ 編集 ]
[ 3465 ] 質問です・・・
すいません
本当にくだらない質問ですが・・・
画像のURLって何ですか?
たとえばhttp：//〜かCDocuments〜〜〜みたいなのか
どちらですか?
また、画像URLの所にURLを入れるんですか?
お忙しい中、こんな質問申し訳ありません
どうぞよろしくお願い致します。
本当にくだらない質問ですが・・・
画像のURLって何ですか?
たとえばhttp：//〜かCDocuments〜〜〜みたいなのか
どちらですか?
また、画像URLの所にURLを入れるんですか?
お忙しい中、こんな質問申し訳ありません
どうぞよろしくお願い致します。
[ 2008/07/20 16:07 ]
[ 編集 ]
[ 3467 ] ▼乙産さん
上から11番目のコメントにも書きましたが、
自分のパソコン内に入っている(取り込んだ)画像を、
管理ページ→ツール→ファイルアップロード
することで画像にURLがつきます。
それが画像URLです。
乙産さんは既に記事に画像を付けて書いているので、簡単に出来ると思いますよ^^
自分のパソコン内に入っている(取り込んだ)画像を、
管理ページ→ツール→ファイルアップロード
することで画像にURLがつきます。
それが画像URLです。
乙産さんは既に記事に画像を付けて書いているので、簡単に出来ると思いますよ^^
[ 2008/07/20 23:38 ]
[ 編集 ]
[ 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;
に変え、背景と同じ色の白にすれば枠は無くなると思いますよ。
解消するには画像幅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という数値の部分をもう少し小さい数値にしてみてください。余分なスペースが縮まるはずです。
.intro {
〜
FONT-WEIGHT: bold; FONT-SIZE: 9pt; MARGIN: -18px 0px 50px;
〜
}
となっている部分があると思います。
この50pxという数値の部分をもう少し小さい数値にしてみてください。余分なスペースが縮まるはずです。
[ 2008/07/24 22:28 ]
[ 編集 ]
[ 3475 ] > 乙産さん、ちゃんさん
乙産さん、ちゃんさんが書いてくれた通りに修正すれば問題は解決できますよ。
ちゃんさん、いつも本当にありがとうございます。
m(__)m
ちゃんさん、いつも本当にありがとうございます。
m(__)m
[ 2008/07/24 22:43 ]
[ 編集 ]
[ 3497 ] こんばんは〜。
はじめまして(*- -)(*_ _)ペコ
こちらのlightframeを使わせてもらっています。
タイトルを画像に変えることはできたのですが
「ももぱんや〜」と書いてある所に自分で文字を入れ、その文字のあたりをクリックしてトップページ表示にしたいのですがどうやったらできるでしょうか？＞＜
分かりづらい説明ですみません＞＜
あともう１つなのですがプロフィールの画像を真ん中にするにはどうしたらいいでしょうか？
質問ばかりでごめんなさいです＞＜
こちらのlightframeを使わせてもらっています。
タイトルを画像に変えることはできたのですが
「ももぱんや〜」と書いてある所に自分で文字を入れ、その文字のあたりをクリックしてトップページ表示にしたいのですがどうやったらできるでしょうか？＞＜
分かりづらい説明ですみません＞＜
あともう１つなのですがプロフィールの画像を真ん中にするにはどうしたらいいでしょうか？
質問ばかりでごめんなさいです＞＜
[ 2008/08/20 02:57 ]
[ 編集 ]
[ 3498 ] こんにちは。
あれから色々調べてなんとかできました（多分・・
お手数おかけしました(o*｡_｡)oﾍﾟｺｯ
まだまだ色々カスタマイズしたいのでこちらのサイトを参考にさせていただきます。
また質問するかもしれませんがどうぞよろしくお願いします(o*｡_｡)oﾍﾟｺｯ
お手数おかけしました(o*｡_｡)oﾍﾟｺｯ
まだまだ色々カスタマイズしたいのでこちらのサイトを参考にさせていただきます。
また質問するかもしれませんがどうぞよろしくお願いします(o*｡_｡)oﾍﾟｺｯ
[ 2008/08/21 11:00 ]
[ 編集 ]
[ 3511 ] 助けてください！
助けてください！
タイトルの画像は出来上がったのですがタイトルが画像になりません・・・（泣
読みながらやっているのですがドコをいじくれば良いのか解らず・・・
タイトルを画像にする方法、教えてください！
タイトルの画像は出来上がったのですがタイトルが画像になりません・・・（泣
読みながらやっているのですがドコをいじくれば良いのか解らず・・・
タイトルを画像にする方法、教えてください！
[ 2008/08/30 12:19 ]
[ 編集 ]
[ 3523 ] なるほど
なぜかスタイルシート適応時に
画像の位置を変更できないのはこの
border="0"が無かったからなんですね
ようやく位置を変更することができました
ありがとうございました
画像の位置を変更できないのはこの
border="0"が無かったからなんですね
ようやく位置を変更することができました
ありがとうございました
[ 2008/09/09 20:21 ]
[ 編集 ]
[ 3586 ] どうすれば・・・
画面内のサイズ？にずるにはどうすればよろしいでしょうか？
(詳しくはhttp://0tuki0.blog49.fc2.com/を見てみてください＞＜）
(詳しくはhttp://0tuki0.blog49.fc2.com/を見てみてください＞＜）
[ 2008/11/18 20:48 ]
[ 編集 ]
[ 3589 ] 助言願います
なんとかタイトルを画像にすることはできたのですが、
表示されるサイト名が、URLのようなものになってしまいます。
どうすればいいのでしょうか？
また、タイトル画像をTOPページにリンクする方法を教えてください。
よろしくお願い致します。
http://dreamtools.blog90.fc2.com/
表示されるサイト名が、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="●●"の部分は文字・もしくは画像にマウスカーソルをあわせた際に表示されるものです。
<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です
お願いします
ご教授いただけませんでしょうか？
調べたのですがどうもわかりずらくて・・・
使用テンプレは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>
<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/
ブログ引越しにあたり、このサイトのstandardのテンプレートをつかわさせて頂いてます。
この記事を参考に、自作した画像（幅800px×高さ600px）をタイトルにしたところ、かなり小さく表示されてしまいます。
ヘッダ背景をその画像にしてみても、結果は同じ…。
heightで高さを指定するのと同じように、widthで幅を800pxに指定してみても、小さい画像が表示されるだけです。
解決法を教えていただけませんか？。よろしくお願いします。
http://dragonsdevotion.blog100.fc2.com/
[ 2009/03/13 17:25 ]
[ 編集 ]
[ 3713 ] サブタイトルと記事の間の余白
はじめまして。
standardのテンプレを使わせていただいているのですが、タイトルを画像にして、その下にサブタイトルを表示しているのですが、サブタイトルと記事の間の余白を狭くしたいのですがどうしたらよいのか教えていただけないでしょうか。
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をし使用します。
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という数値はお好みの間隔になるように変更してください。
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の数字をお好みに合わせて小さくしてください。
この記事を参考にして横カレンダーを入れたのでしょか。
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にしてました･ﾟ･(つД｀)･ﾟ･
なんとなく見慣れてきたのでこのままにしておこうと思います。
お手数おかけしました。
margin-bottom:0px; /* カレンダー下の間隔 */
text-align:center;
}
すでに0pxにしてました･ﾟ･(つД｀)･ﾟ･
なんとなく見慣れてきたのでこのままにしておこうと思います。
お手数おかけしました。
[ 2009/03/18 19:15 ]
[ 編集 ]
[ 4365 ] タイトル画像とタイトル文字
初めまして。
こちらの記事を参考にしてタイトルを画像にしてみました。
ですが、画像自体にタイトル名を書いてしまったので
現在ブログタイトル名が画像の物と文字の物とで重なってしまっている状態です。
どうにか文字の方を非表示にして、画像で描いた絵のタイトルだけにする事はできないでしょうか？
↓のワラノートさんのようなタイトルに変えたいのです。
http://waranote.blog76.fc2.com/
こちらの記事を参考にしてタイトルを画像にしてみました。
ですが、画像自体にタイトル名を書いてしまったので
現在ブログタイトル名が画像の物と文字の物とで重なってしまっている状態です。
どうにか文字の方を非表示にして、画像で描いた絵のタイトルだけにする事はできないでしょうか？
↓のワラノートさんのようなタイトルに変えたいのです。
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>を削除すれば文字のタイトルは無くなりますが、トップページへのリンクが無くなるので「タイトルを画像にする」にやり直したほうが良いと思います。
ヘッダー背景を画像にする
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
なるほど、タイトルを画像にするにしたら上手くいきました！
とても助かりました。
どうもありがとうございますm(_ _)m
[ 2009/05/22 00:31 ]
[ 編集 ]
[ 4384 ] > ゼットさん
解決して良かったです。
SEOを考慮するなら次のような記事もあります。
タイトルを画像にしたときのSEO
http://10plate.blog44.fc2.com/blog-entry-187.html
SEOを考慮するなら次のような記事もあります。
タイトルを画像にしたときのSEO
http://10plate.blog44.fc2.com/blog-entry-187.html
[ 2009/05/22 01:12 ]
[ 編集 ]
[ 4458 ]
自分じゃわからなかったので質問させてくださいorz
lightframeの3カラムを使っています。
タイトルバナーを中央にしてそのサイドのメニューをタイトルの横に表示させたいんですができますでしょうか？
できるようでしたら教えていただけるとありがたいです(*- -)(*_ _)ﾍﾟｺﾘ
lightframeの3カラムを使っています。
タイトルバナーを中央にしてそのサイドのメニューをタイトルの横に表示させたいんですができますでしょうか？
できるようでしたら教えていただけるとありがたいです(*- -)(*_ _)ﾍﾟｺﾘ
[ 2009/05/25 04:14 ]
[ 編集 ]
[ 4467 ] > ちゃんさん、あばさん
いつもありがとうございます、ちゃんさん。
あばさん、ちゃんさんが教えてくれた記事を参考にしてください。私も訪問者が目的の情報を見つけやすいサイト作りを目指しますね。
あばさん、ちゃんさんが教えてくれた記事を参考にしてください。私も訪問者が目的の情報を見つけやすいサイト作りを目指しますね。
[ 2009/05/25 21:46 ]
[ 編集 ]
[ 4663 ] タイトル画像のずれ
タイトルを画像にするところまでは出来たのですが、
タイトル画像が斜め下にずれてしまいます。
どうしたら良いか教えていただけませんか?
タイトル画像が斜め下にずれてしまいます。
どうしたら良いか教えていただけませんか?
[ 2009/06/14 17:16 ]
[ 編集 ]
[ 4664 ] > ひかりさん
それは私が作成したテンプレートではないので確かなことは言えないのですが、スタイルシートの末尾に以下を加えてみてください。
h1{
padding:0px;
}
これで上手くいかないようなら作者様かユーザーフォーラムに問い合わせてみてください。
h1{
padding:0px;
}
これで上手くいかないようなら作者様かユーザーフォーラムに問い合わせてみてください。
[ 2009/06/14 17:31 ]
[ 編集 ]
[ 4667 ] > ひかりさん
解決して良かったです。
ここで紹介しているカスタマイズは当サイトのテンプレートを前提としているので、他のテンプレートでは上手くいかないこともあるのでご了承ください。
ここで紹介しているカスタマイズは当サイトのテンプレートを前提としているので、他のテンプレートでは上手くいかないこともあるのでご了承ください。
[ 2009/06/15 01:37 ]
[ 編集 ]
[ 4740 ] > くろさん
私はPhotoShopを使っていますが、無料ツールを使いたければ「画像編集 フリー」等でGoogle検索してみてください。
[ 2009/06/29 01:22 ]
[ 編集 ]
[ 4951 ] トップ画像について
blue_3columnというテンプレートを使っているのですが、タイトル画像部分が小さいようで、大きな画像だとはみ出してしまいます。
タイトル画像部分を大きくするにはどうすればいいのですか？
教えていただけると助かります。
タイトル画像部分を大きくするにはどうすればいいのですか？
教えていただけると助かります。
[ 2009/07/16 11:28 ]
[ 編集 ]
[ 4957 ] > かんなさん
申しわけありません。ちょっとどうのような状態なのか理解できませんでした。
それは私が作成したテンプレートではないので解らないかも知れませんが、実際に状態を見せてもらえると解りやすくて助かります。
それは私が作成したテンプレートではないので解らないかも知れませんが、実際に状態を見せてもらえると解りやすくて助かります。
[ 2009/07/16 19:10 ]
[ 編集 ]
[ 5012 ] タイトルの位置とサイズ
こんにちは、いつも参考にさせていただいています。
タイトル画像について2つ質問があります。
1,タイトルを中央にするにはどうしたら良いですか？
ー＜h1 aline="center"＞と書いても中央になりませんでした。
2,グローバルナビ（プラグインのリンク）のバーとタイトル画像がかぶる場合、どのように直したら良いでしょうか？
ーヘッダのサイズやスタイルシートのレイアウト部分を変えてプレビューするときれいに離れるのですが、更新してブログを確認するとかぶってしまいます。
アドバイスよろしくお願いいたします。
タイトル画像について2つ質問があります。
1,タイトルを中央にするにはどうしたら良いですか？
ー＜h1 aline="center"＞と書いても中央になりませんでした。
2,グローバルナビ（プラグインのリンク）のバーとタイトル画像がかぶる場合、どのように直したら良いでしょうか？
ーヘッダのサイズやスタイルシートのレイアウト部分を変えてプレビューするときれいに離れるのですが、更新してブログを確認するとかぶってしまいます。
アドバイスよろしくお願いいたします。
[ 2009/07/19 22:28 ]
[ 編集 ]
[ 5019 ] > ariさん
それは私が作成したテンプレートではないので確かなことは言えませんが、
aline
ではなく
align
としてください。
それでもだめならスタイルシートの末尾に
#header {
text-align:center;
}
を加えてみてください。
2の質問は理解できませんでした。グローバルナビとタイトル画像がかぶるとはどのような現象でしょうか。
理解が悪く申しわけありません m(__)m
aline
ではなく
align
としてください。
それでもだめならスタイルシートの末尾に
#header {
text-align:center;
}
を加えてみてください。
2の質問は理解できませんでした。グローバルナビとタイトル画像がかぶるとはどのような現象でしょうか。
理解が悪く申しわけありません m(__)m
[ 2009/07/20 00:26 ]
[ 編集 ]
[ 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; /* 表示位置 */
}
テンプレートの「複製」をとりながら修正してください。
#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ブログのテンプレート 再配布は禁止されています */
の下ってことでいいですか？
テンプレートの複製
とはどういうことでしょうか？
なんか質問ばかりで馬鹿みたいです・・ｗごめんなさい
初心者なもので、どうぞよろしくお願いします
っていうのはどこでしょうか？
スタイルシートの末尾とは
/* Designed by FC2ブログのテンプレート 再配布は禁止されています */
の下ってことでいいですか？
テンプレートの複製
とはどういうことでしょうか？
なんか質問ばかりで馬鹿みたいです・・ｗごめんなさい
初心者なもので、どうぞよろしくお願いします
[ 2009/08/10 00:17 ]
[ 編集 ]
[ 5390 ] > Gemmaさん
まずテンプレートのページに行きます。
管理画面→テンプレートの設定
そのページの使用中テンプレート名の右に「複製」があります。
でもあまりカスタマイズしていないなら、バックアップをとらなくてもいいです。失敗したら新たなテンプレートをダウンロードしましょう。
HTMLの赤い部分を消してください。
<h1 align="left"> タイトル <a 〜 ><img 〜 ></a></h1>
そして
<h1 align="left"><a 〜 > タイトル </a></h1>
としてください。
スタイルシートの挿入箇所はそこで良いです。
管理画面→テンプレートの設定
そのページの使用中テンプレート名の右に「複製」があります。
でもあまりカスタマイズしていないなら、バックアップをとらなくてもいいです。失敗したら新たなテンプレートをダウンロードしましょう。
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>
に従うのでしょうか？
お願いします
となっているのですが、画像の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>
スタイルシートで設定したので必要ありません＾＾
と書いてある通り画像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ですよね？？？
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とスタイルシートもほぼ同じですが、サイトタイトルまでほぼ同じなんですよね、うーん；
更新が止まってるみたいだし反応なさそうなので、とりあえず放っておこうと思います＾＾；
ちゃんさんが教えてくれたところを変えてみてください。
> ちゃんさん
いつもありがとうございます m(__)m
HTMLとスタイルシートもほぼ同じですが、サイトタイトルまでほぼ同じなんですよね、うーん；
更新が止まってるみたいだし反応なさそうなので、とりあえず放っておこうと思います＾＾；
[ 2009/08/10 19:30 ]
[ 編集 ]
[ 5409 ] >ちゃんさん、いたおさん
ちゃんさんありがとうございました＾＾
記事タイトルの文字はおかげさまで変えることができました！
嬉しいです
記事の下のＣＭをクリックした時の、「コメントの投稿」と「トラックバック」の文字の色を変えたいのですが、
どこを変えても色が変わりません
どうすれば変えられますか？
記事タイトルの文字はおかげさまで変えることができました！
嬉しいです
記事の下のＣＭをクリックした時の、「コメントの投稿」と「トラックバック」の文字の色を変えたいのですが、
どこを変えても色が変わりません
どうすれば変えられますか？
[ 2009/08/10 21:46 ]
[ 編集 ]
[ 5410 ] > Gemmaさん
スタイルシートの文末に以下を加えてください。
.comment_title {
color: #cccccc; /* コメントの色 */
}
trackback_block_title {
color: #cccccc; /* トラックバックの色 */
}
.comment_title {
color: #cccccc; /* コメントの色 */
}
trackback_block_title {
color: #cccccc; /* トラックバックの色 */
}
[ 2009/08/10 22:35 ]
[ 編集 ]
[ 5419 ] > gemmaさん、ちゃんさん
> gemmaさん
ちゃんさんが教えてくれたように、お好みの色を指定してください。
トラックバックのHTMLは、こちらを参考に編集してください。
http://10plate.blog44.fc2.com/blog-entry-246.html#comment5117
> ちゃんさん
いつもありがとうございます＾＾
このサイトはRGB10進数カラーコードもあるので便利ですね。
ちゃんさんが教えてくれたように、お好みの色を指定してください。
トラックバックのHTMLは、こちらを参考に編集してください。
http://10plate.blog44.fc2.com/blog-entry-246.html#comment5117
> ちゃんさん
いつもありがとうございます＾＾
このサイトはRGB10進数カラーコードもあるので便利ですね。
[ 2009/08/11 18:13 ]
[ 編集 ]
[ 5423 ] >ちゃんさん、いたおさん
分かりました
やってみます＾＾
本当に親切に分かりやすく教えていただきありがとうございました！
また分からないとこがあったら聞きに来ると思うのでｗその時もよろしくお願いします
やってみます＾＾
本当に親切に分かりやすく教えていただきありがとうございました！
また分からないとこがあったら聞きに来ると思うのでｗその時もよろしくお願いします
[ 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を教えてください。
<!--▼▼▼▼ メインボディ（コンテンツ部分）▼▼▼▼-->
<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のタグかな？と思って探したのですが見当たらないので･･･
ぴったり繋げるにはどうしたらいいですか？
<table class="base_table" border="0" cellspacing="1" summary="outline">
--------▼▼ヘッダー(タイトル)▼▼------
このcellspacingの値を"0"にすることで解決しました。
また質問です；
左カラムのカテゴリーなどのメニュータイトルの背景を画像に設定したのですが、こちらもメニュータイトルとメニューコンテンツの間に僅かな隙間が出来てしまいました。
隙間の部分にメインボディの背景が見えてしまっています。
またcellspacingのタグかな？と思って探したのですが見当たらないので･･･
ぴったり繋げるにはどうしたらいいですか？
[ 2009/08/15 17:35 ]
[ 編集 ]
[ 5462 ] > spicaさん
URLを教えてくれて有り難うございました。
これは現状を確認できないと解りませんでした。
HTMLに次の赤い箇所を加えてください。
<!--▼▼ プラグイン カテゴリー１ ▼▼-->
〜
<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">
これは現状を確認できないと解りませんでした。
HTMLに次の赤い箇所を加えてください。
<!--▼▼ プラグイン カテゴリー１ ▼▼-->
〜
<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 ]
[ 編集 ]
[ 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>
と、なっています。
こんな僕ですが、教えてくださったら光栄です…
これは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; /* 下の余白 */
}
h1 {
margin-top: 0px; /* 上の余白 */
margin-left: 0px; /* 左の余白 */
margin-right: 0px; /* 右の余白 */
margin-bottom: 0px; /* 下の余白 */
}
[ 2009/08/16 11:09 ]
[ 編集 ]
[ 6114 ] > Geckoさん
スタイルシートの末尾に加えてください。
h1, .intro {
text-indent:-9999px;
}
h1, .intro {
text-indent:-9999px;
}
[ 2009/09/19 23:13 ]
[ 編集 ]
[ 6259 ]
はじめまして。ヤスと申します。
タイトルを画像にしたいと思ってやってみたのですが、画像がもの凄いずれてしまいました＞＜；；どうしたらちゃんとタイトルに収まるでしょうか？
よろしくお願いします。
タイトルを画像にしたいと思ってやってみたのですが、画像がもの凄いずれてしまいました＞＜；；どうしたらちゃんとタイトルに収まるでしょうか？
よろしくお願いします。
[ 2009/09/27 17:20 ]
[ 編集 ]
[ 6482 ]
この記事をみてタイトルを画像に差し替えることができたのですが
横メニューバーとの間などの隙間ができてしまいました。
この隙間を直すにはどのような処置をすればよいでしょうか？
よろしくお願いします。ちなみに以下ＵＲＬ
http://1996522.blog99.fc2.com/
横メニューバーとの間などの隙間ができてしまいました。
この隙間を直すにはどのような処置をすればよいでしょうか？
よろしくお願いします。ちなみに以下ＵＲＬ
http://1996522.blog99.fc2.com/
[ 2009/10/15 14:31 ]
[ 編集 ]
[ 6488 ] > DAITI7さん
スタイルシートの末尾に加えてみてください。
#header_outline {
margin-bottom:5px; /* ヘッダ下間隔 */
}
#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;
}
#header_outline {
border: none;
}
#header_body {
border:none;
}
[ 2009/10/25 23:24 ]
[ 編集 ]
[ 6736 ] わからない；；
あのlightframe_skyblueを使わせていただいているんですが
<!--▼▼▼▼ ヘッダー（タイトル部分）▼▼▼▼-->
〜
<h1><a href="<%url>"><%blog_name></a></h1>
〜
<!--▲▲▲▲ ヘッダー（タイトル部分）▲▲▲▲-->
的なものがどこにも見当たりません；；
どうかたすけてください
<!--▼▼▼▼ ヘッダー（タイトル部分）▼▼▼▼-->
〜
<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>
〜
<!--▲▲ ヘッダー ▲▲-->
<!--▼▼ ヘッダー ▼▼-->
〜
<h1><a href="<%url>" title="<%blog_name> トップページへ"><%blog_name></a></h1>
〜
<!--▲▲ ヘッダー ▲▲-->
[ 2009/10/31 23:52 ]
[ 編集 ]
[ 6761 ] > Marsさん
スタイルシートの末尾にこれを加えてください。
h1 {
margin-right:0px; /* 右余白 */
margin-left:0px; /* 左余白 */
}
必要であればこれも加えてください。
h1 {
margin-top:0px; /* 上余白 */
}
h1 {
margin-right:0px; /* 右余白 */
margin-left:0px; /* 左余白 */
}
必要であればこれも加えてください。
h1 {
margin-top:0px; /* 上余白 */
}
[ 2009/11/03 00:10 ]
[ 編集 ]
[ 6803 ] 微妙な隙間
初めて書き込みさせて頂きます。
早速ですが、こちらのブログ様を参考にし、ブログのタイトルを画像にすることが出来ました。
有難う御座います。
ですが、上に微妙な間隔があり、下の記事にまで画像がはみ出してしまっています。
原因、解決方法をお教えいただけると幸いです。
早速ですが、こちらのブログ様を参考にし、ブログのタイトルを画像にすることが出来ました。
有難う御座います。
ですが、上に微妙な間隔があり、下の記事にまで画像がはみ出してしまっています。
原因、解決方法をお教えいただけると幸いです。
[ 2009/11/05 22:29 ]
[ 編集 ]
[ 6808 ] > けだむさん
それは私が作成したテンプレートではないので確かなことは言えないのですが、スタイルシートの末尾にこれを加えてみるとよいかもしれません。
div#header h1 {
padding-top: 0px;
}
あとHTMLのh1タグが
<h1><h1>〜</h1></h1>
と２重になっているので
<h1>〜</h1>
としたほうが良いと思います。
div#header h1 {
padding-top: 0px;
}
あとHTMLのh1タグが
<h1><h1>〜</h1></h1>
と２重になっているので
<h1>〜</h1>
としたほうが良いと思います。
[ 2009/11/05 23:32 ]
[ 編集 ]
[ 6815 ] 有難う御座います
無事、戻りました。
未だに上に少し余分な部分が残っていますが、記事にさえはみ出さなければ大丈夫です！！
わざわざ、ご教授頂き感謝します。
有難う御座いました！！
未だに上に少し余分な部分が残っていますが、記事にさえはみ出さなければ大丈夫です！！
わざわざ、ご教授頂き感謝します。
有難う御座いました！！
[ 2009/11/06 21:13 ]
[ 編集 ]
[ 6819 ] > けだむさん
一応解決して良かったです＾＾
確信はないですが、もしかするとさらにこれを追加することで僅かな隙間も埋まるかもしれません。
div#header h1 {
margin-top: 0px;
}
確信はないですが、もしかするとさらにこれを追加することで僅かな隙間も埋まるかもしれません。
div#header h1 {
margin-top: 0px;
}
[ 2009/11/06 23:12 ]
[ 編集 ]
[ 6830 ]
もしやと思い、覗いて見ましたがいたお様、有難う御座います。
しかしながら、実際に追加してみた所
隙間が埋まりませんでした。
私のような若輩者にココまでして頂いて感謝しております。
重ね重ね申し上げますが、有難う御座います！
しかしながら、実際に追加してみた所
隙間が埋まりませんでした。
私のような若輩者にココまでして頂いて感謝しております。
重ね重ね申し上げますが、有難う御座います！
[ 2009/11/07 19:24 ]
[ 編集 ]
コメントの投稿
※鍵コメは連絡先(URL)が無ければ答えられないのでご了承ください。
トラックバック
この記事のトラックバックURL
タイトルを自作の画像に変更してみました。
タイトルが素っ気なかったので自作・変更してみました。
簡単でした。
まず、自作のバーナーを作ります。
以下のサイトを使えば誰でもできます。
Hyper Banner Maker
色やバーナーのサ...
[2007/11/26 14:42]
キャッシュバックdeネット収入
ブログ内検索1
ブログ内検索2
サイトマップ
カテゴリ
お薦め カスタマイズ
プロフィール
ありがとうございます
RSSフィード
カレンダー
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー
サイト外タグ検索
タイトルバナーカスタマイズ
記事別最近のコメント
- 11/07 如何屋 サイと
- 11/07 ZERO
- 11/07 けだむ
- 11/07
- 11/07 スネーク
- 11/07
- 11/07 ra-ku
- 11/07 東城@
- 11/07 如何屋 サイと
- 11/07 ぞおま
- 11/07 ニコニコWatch member#25
- 11/07 AquaTimez0224
- 11/06 いたお
- 11/06 いたお
- 11/06 いたお
- 11/06 いたお
- 11/06 キ〜マン♂GOLD
- 11/06 けだむ
- 11/06 ぞおま
- 11/06 夜露死苦
- 11/06 ZERO
- 11/06 ZERO
- 11/06 noma
- 11/06 NOMA
- 11/05 いたお
- 11/05 いたお
- 11/05 いたお
- 11/05 いたお
- 11/05 いたお
- 11/05 けだむ
最近のトラックバック
- やっすぃぃぃー’ｓ ブログ:タイトル画像をランダム表示 (10/21)
- ブログで小説！:ネタバレ防止カスタマイズ（続きを読むをたたむ〜スクリプト無効ユーザー対応つき） (10/12)
- ねこにゃん:ファビコン (10/12)
- 怒喜交々:新着記事にNEWマーク。 (10/05)
- Novel テンプレート:目次ページを作品（カテゴリ）ごとに自由にカスタマイズできるようになりました！ (10/01)
- Novel テンプレート:【nvoel-PF タイプ】ポップアップ表示について (09/29)
- hatena chips:FC2変数を利用しているスクリプトの外部ファイル化 (09/10)
- Positive Thinking:[lightframe_ver.05] に移行しました。 (09/05)
- piyosioブログ〜毎日バトルだよ〜:共有テンプレートのカスタマイズに挑戦してみた！ (08/31)
- やっすぃぃぃー’ｓ ブログ:新着表示「NEW」マークを付加しました (08/30)
「タイトルを画像にする」ってこの意味自体がわからなくて（大汗）