pick up !
- 映画「めがね」のDVD
がもうすぐ発売。
- 市川実日子さんも出演されるNHK大河ドラマ「篤姫」放送中。
※[autumn_color_850] の利用に関してはこちらへ
テンプレートのプレビュー画像
テンプレートの公開に先立ち利用に関して書いておきます。
ダウンロードいただきありがとうございます。
ご希望がありましたので公開しました。
以下にテンプレート使用についての注意点を書いておきます。
特に難しいことは言っていませんが、一度目を通していただけるとありがたいです。
ダウンロードはこちらから
修正のお知らせ
慌ててUPしたので、ブログのヘッダー部分の修正を忘れていました。
お手数かけて申し訳ありませんが10.21深夜にダウンロードされた方はダウンロードしなおすか、<div id="headIntroduction">＊＊＊〜＊＊＊</div>の＊＊＊〜＊＊＊の部分を<%introduction>に書き換えてください。
テンプレートのプレビュー画像
テンプレートの公開に先立ち利用に関して書いておきます。
ダウンロードいただきありがとうございます。
ご希望がありましたので公開しました。
以下にテンプレート使用についての注意点を書いておきます。
特に難しいことは言っていませんが、一度目を通していただけるとありがたいです。
ダウンロードはこちらから
修正のお知らせ
慌ててUPしたので、ブログのヘッダー部分の修正を忘れていました。
お手数かけて申し訳ありませんが10.21深夜にダウンロードされた方はダウンロードしなおすか、<div id="headIntroduction">＊＊＊〜＊＊＊</div>の＊＊＊〜＊＊＊の部分を<%introduction>に書き換えてください。
ブラウザについて
IE6.0.2、NN7.1、Oprera8.5、Mozilla Firefox1.0.4にて大まかに確認しました。
制作環境はIE6.0なので、それ以外のブラウザを使用の場合多少の崩れがあるかもしれません。
カスタマイズ・再配布について
カスタマイズはどうぞご自由に。
原型をとどめようととどめまいと問題ありません。
ただ、カスタマイズをしたことによるレイアウトの崩れなどがあってもこちらで対処しきれるかわかりません。
カスタマイズ後の再配布も自由です。
使用できるブログについて
以下の内容を扱うブログでのこのテンプレートの使用はご遠慮ください。
テンプレートのfooter部分に当サイトへのリンクが記載されてますが、消しちゃってかまいません。
その他このテンプレートについて
HTML、CSSともに初心者なので記述に無駄、間違いがあるかもしれません。
お気づきになった場合には、ご自分で直していただけるとありがたいです。
わたしに分かる範囲の質問にはできるだけお答えできるよう努力しますが、分からないことが多いのであんまり期待しないでください。
ご自分でカスタマイズ・修正する際に、HTMLやCSSがよく分からない方は、HTMLクイックリファレンス様をはじめとして、ネット上に解説サイトが無数にありますのでちょっと検索して調べてみてください。
管理人へご質問の場合にはこのエントリーのコメントよりご連絡ください。
このテンプレートの概要
全体で750pxの幅になっています。
エントリーを表示するメインカラムと、プラグインメニューを表示する左右のカラムから構成されている3カラムのテンプレートです。
メインカラム上部にはお知らせを表示できるpick upというコーナーを用意してあります。
この部分はどのページでも表示されるようになっているので、ブログのお知らせや広告などご自由にお使いください。
不要な場合にはHTML内のピックアップ〜ピックアップまで、スタイルシート内のpickup関連の指定を消してください。
プラグイン対応となっています。
プラグインカテゴリーによってプラグインタイトルの背景色を変えてあります。
プラグインカテゴリー1と2は左カラムに、プラグインカテゴリー3は右カラムに表示されます。
左右のカラムで表示されるプラグインカテゴリーを変更したいときには、HTMLをいじってください。
やり方がよく分からないときにはご質問ください。
カレンダーはページ上部に横カレンダーを設置してあります。
プラグインの方のカレンダーを使いたい場合には、消しちゃってください。
一応、プラグインのカレンダー使用時を念頭に、スタイルシート内でプラグインのカレンダーに関する指定をしてあります。
表示が気に入らない方はご自分でお好きなようにカスタマイズなさってください。
スタイルシートにて、エントリーと左右のカラムで表示する画像に枠をつける指定をしています。
画像への装飾を変えたい場合や不要な場合は、適宜指定を書き直すか消してください。
押すとモチベーションが上がります
IE6.0.2、NN7.1、Oprera8.5、Mozilla Firefox1.0.4にて大まかに確認しました。
制作環境はIE6.0なので、それ以外のブラウザを使用の場合多少の崩れがあるかもしれません。
カスタマイズ・再配布について
カスタマイズはどうぞご自由に。
原型をとどめようととどめまいと問題ありません。
ただ、カスタマイズをしたことによるレイアウトの崩れなどがあってもこちらで対処しきれるかわかりません。
カスタマイズ後の再配布も自由です。
使用できるブログについて
以下の内容を扱うブログでのこのテンプレートの使用はご遠慮ください。
- アダルトコンテンツ
- 違法なコンテンツ
- 差別的なコンテンツ
- 暴力的なコンテンツ
- 宗教的なコンテンツ
テンプレートのfooter部分に当サイトへのリンクが記載されてますが、消しちゃってかまいません。
その他このテンプレートについて
HTML、CSSともに初心者なので記述に無駄、間違いがあるかもしれません。
お気づきになった場合には、ご自分で直していただけるとありがたいです。
わたしに分かる範囲の質問にはできるだけお答えできるよう努力しますが、分からないことが多いのであんまり期待しないでください。
ご自分でカスタマイズ・修正する際に、HTMLやCSSがよく分からない方は、HTMLクイックリファレンス様をはじめとして、ネット上に解説サイトが無数にありますのでちょっと検索して調べてみてください。
管理人へご質問の場合にはこのエントリーのコメントよりご連絡ください。
このテンプレートの概要
全体で750pxの幅になっています。
エントリーを表示するメインカラムと、プラグインメニューを表示する左右のカラムから構成されている3カラムのテンプレートです。
メインカラム上部にはお知らせを表示できるpick upというコーナーを用意してあります。
この部分はどのページでも表示されるようになっているので、ブログのお知らせや広告などご自由にお使いください。
不要な場合にはHTML内のピックアップ〜ピックアップまで、スタイルシート内のpickup関連の指定を消してください。
プラグイン対応となっています。
プラグインカテゴリーによってプラグインタイトルの背景色を変えてあります。
プラグインカテゴリー1と2は左カラムに、プラグインカテゴリー3は右カラムに表示されます。
左右のカラムで表示されるプラグインカテゴリーを変更したいときには、HTMLをいじってください。
やり方がよく分からないときにはご質問ください。
カレンダーはページ上部に横カレンダーを設置してあります。
プラグインの方のカレンダーを使いたい場合には、消しちゃってください。
一応、プラグインのカレンダー使用時を念頭に、スタイルシート内でプラグインのカレンダーに関する指定をしてあります。
表示が気に入らない方はご自分でお好きなようにカスタマイズなさってください。
スタイルシートにて、エントリーと左右のカラムで表示する画像に枠をつける指定をしています。
画像への装飾を変えたい場合や不要な場合は、適宜指定を書き直すか消してください。
この記事へのコメント
このコメントは管理人のみ閲覧できます
2005/10/22(Sat) 22:49 | | #[ 編集]
はじめまして、こんばんは。
ご質問の件ですが、スタイルシートを編集することで解決できると思います。
スタイルシートの中から、
.pickupbodyというところを探して、{}の中に背景に関する指定を入れればよいと思います。
具体的には
.pickupbody{
padding:10px;
font-size:12px;
line-height:140%;
background-color:white;
}
＊赤字の部分を追加
上記のようにすれば背景が白に指定されます。
その他の背景色を指定したい部分にも同様に
background-color:white;
を追加しwhiteの部分には指定したい色を記入します。
色は#000000などの記述やカラーネームで指定します。
色については色見本のHPなどがありますので探して参照してみてください。
ご質問の件ですが、スタイルシートを編集することで解決できると思います。
スタイルシートの中から、
.pickupbodyというところを探して、{}の中に背景に関する指定を入れればよいと思います。
具体的には
.pickupbody{
padding:10px;
font-size:12px;
line-height:140%;
background-color:white;
}
＊赤字の部分を追加
上記のようにすれば背景が白に指定されます。
その他の背景色を指定したい部分にも同様に
background-color:white;
を追加しwhiteの部分には指定したい色を記入します。
色は#000000などの記述やカラーネームで指定します。
色については色見本のHPなどがありますので探して参照してみてください。
このコメントは管理人のみ閲覧できます
2005/10/24(Mon) 11:50 | | #[ 編集]
このコメントは管理人のみ閲覧できます
2005/10/24(Mon) 13:01 | | #[ 編集]
すでに現象は解決されたようですが、一応お答えしておきます。
その現象の起こったブログを拝見していないのではっきりとはいえませんが、おそらく左カラムの中にサイズ（横幅）の大きい画像などを使用されたのではないかと思います。
このテンプレートは全体の幅が750px、左右のカラムが180px（枠線を含む）、メインカラムが360px（枠線を含む）で構成されています。
ですので、それ以上のサイズのものを左右のカラムやエントリー内に記入すると下に落ちるのではないかと思います。
解決法としては、
�‐綉�のサイズ以上の画像などを左右のカラム（約180px）、メインカラム（360px）で使用しない。
�▲謄鵐廛譟璽箸離好織ぅ襯掘璽箸如∈険Δ離�ラムやエントリーの横幅を広めに指定する。
と2点が考えられます。
スタイルシート内にコメントで、どの指定がどこの幅なのか書いてありますので、参考にしてサイズ変更できると思います。
今日ご相談になった現象が再現したときには上記の点が当てはまらないかご確認ください。
その現象の起こったブログを拝見していないのではっきりとはいえませんが、おそらく左カラムの中にサイズ（横幅）の大きい画像などを使用されたのではないかと思います。
このテンプレートは全体の幅が750px、左右のカラムが180px（枠線を含む）、メインカラムが360px（枠線を含む）で構成されています。
ですので、それ以上のサイズのものを左右のカラムやエントリー内に記入すると下に落ちるのではないかと思います。
解決法としては、
�‐綉�のサイズ以上の画像などを左右のカラム（約180px）、メインカラム（360px）で使用しない。
�▲謄鵐廛譟璽箸離好織ぅ襯掘璽箸如∈険Δ離�ラムやエントリーの横幅を広めに指定する。
と2点が考えられます。
スタイルシート内にコメントで、どの指定がどこの幅なのか書いてありますので、参考にしてサイズ変更できると思います。
今日ご相談になった現象が再現したときには上記の点が当てはまらないかご確認ください。
このコメントは管理人のみ閲覧できます
2005/10/29(Sat) 18:19 | | #[ 編集]
ブログを確認させていただきました。
確認時には右サイドバーは表示されていませんでした。
ご質問では右サイドバーが落ちるとのことでしたが、表示されていないので落ちるのかどうかは確認できませんでした。
上記のテンプレート使用上の説明のエントリーに書いてありますように、このテンプレートでは左サイドバーにプラグインカテゴリーの1と2が、右サイドバーにプラグインカテゴリーの3が表示されます。
念のためにお聞きしますが、プラグインカテゴリーの3は設定されていますでしょうか？
お手数ですがご確認ください。
このテンプレートではプラグインカテゴリー3が設定されていないと、右サイドバーは表示されません。
右サイドバーで表示するプラグインカテゴリーを変更したい場合（プラグインカテゴリー2を表示したい等）には、HTMLを少しだけ変更すれば可能になります。
よく分からない場合にはまたご連絡ください。
確認時には右サイドバーは表示されていませんでした。
ご質問では右サイドバーが落ちるとのことでしたが、表示されていないので落ちるのかどうかは確認できませんでした。
上記のテンプレート使用上の説明のエントリーに書いてありますように、このテンプレートでは左サイドバーにプラグインカテゴリーの1と2が、右サイドバーにプラグインカテゴリーの3が表示されます。
念のためにお聞きしますが、プラグインカテゴリーの3は設定されていますでしょうか？
お手数ですがご確認ください。
このテンプレートではプラグインカテゴリー3が設定されていないと、右サイドバーは表示されません。
右サイドバーで表示するプラグインカテゴリーを変更したい場合（プラグインカテゴリー2を表示したい等）には、HTMLを少しだけ変更すれば可能になります。
よく分からない場合にはまたご連絡ください。
このコメントは管理人のみ閲覧できます
2005/10/29(Sat) 19:35 | | #[ 編集]
問題が解決したようでよかったです(^-^)
ご自由にカスタマイズして使ってくださいね。
ご自由にカスタマイズして使ってくださいね。
突然のコメント、失礼します。
こちらのテンプレートをダウンロードさせていただき、少しだけカスタマイズしてみました。
プラグインも利用しているのですが、プラグインカテゴリー３にある「アフィリエイト」や「広告」のところにバナーを貼ると、プラグインカテゴリー３にある全てのものにバナーが表示されます。
解決方法を教えていただけますか？
長くなりすみません。
どうぞ宜しくお願いします。
こちらのテンプレートをダウンロードさせていただき、少しだけカスタマイズしてみました。
プラグインも利用しているのですが、プラグインカテゴリー３にある「アフィリエイト」や「広告」のところにバナーを貼ると、プラグインカテゴリー３にある全てのものにバナーが表示されます。
解決方法を教えていただけますか？
長くなりすみません。
どうぞ宜しくお願いします。
こんにちは。
ダウンロードさせていただきました。
ちょこちょこカスタマイズしておりますが、
サイドバーのコメント表示を
題名だけにしたいのですが
方法をおしえていただけますでしょうか。
よろしくお願いします。
ダウンロードさせていただきました。
ちょこちょこカスタマイズしておりますが、
サイドバーのコメント表示を
題名だけにしたいのですが
方法をおしえていただけますでしょうか。
よろしくお願いします。
ご質問の件ですが、カスタマイズ前のテンプレートでも同じような現象が起こるのでしょうか？
それともカスタマイズ後に起こった現象なのでしょうか？
まずはその点を確認していただけますでしょうか？
カスタマイズ後に起こる現象でしたら、HTMLを変更した際に、プラグインに関する記述を変更したことなどが問題ではないかと思います。
その場合にはHTMLを見て見ないとどのようなことが原因なのか分かりません。
お手数ですが、上記のことご確認ください。
それともカスタマイズ後に起こった現象なのでしょうか？
まずはその点を確認していただけますでしょうか？
カスタマイズ後に起こる現象でしたら、HTMLを変更した際に、プラグインに関する記述を変更したことなどが問題ではないかと思います。
その場合にはHTMLを見て見ないとどのようなことが原因なのか分かりません。
お手数ですが、上記のことご確認ください。
ご質問にお答えします。
このテンプレートではプラグインを使用しているのでコメントやトラックバックなど、各プラグインに関する表示はテンプレートとは直接は関係ありません。
ですのでFC2blogのテンプレート機能一覧（下記URL）
http://blog.fc2.com/template.html
を参考にして、プラグインの設定から変更したいプラグインのHTMLを編集することで解決します。
ですが、表示の変更方法は私もやったことがあり、一応分かると思いますのでお答えします。
まずは管理画面のプラグインの設定から、プラグインの編集へと進み、コメントのプラグインのHTML編集へと進みます。
そうすると下記のHTMLが表示されると思います。
<ul>
<!--rcomment-->
<li &align>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a>
</li>
<!--/rcomment-->
</ul>
このHTMLを下記のように変更するとコメントのタイトルのみを表示するようになります。
<ul>
<!--rcomment-->
<li &align>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_title></a>
</li>
<!--/rcomment-->
</ul>
このテンプレートではプラグインを使用しているのでコメントやトラックバックなど、各プラグインに関する表示はテンプレートとは直接は関係ありません。
ですのでFC2blogのテンプレート機能一覧（下記URL）
http://blog.fc2.com/template.html
を参考にして、プラグインの設定から変更したいプラグインのHTMLを編集することで解決します。
ですが、表示の変更方法は私もやったことがあり、一応分かると思いますのでお答えします。
まずは管理画面のプラグインの設定から、プラグインの編集へと進み、コメントのプラグインのHTML編集へと進みます。
そうすると下記のHTMLが表示されると思います。
<ul>
<!--rcomment-->
<li &align>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a>
</li>
<!--/rcomment-->
</ul>
このHTMLを下記のように変更するとコメントのタイトルのみを表示するようになります。
<ul>
<!--rcomment-->
<li &align>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_title></a>
</li>
<!--/rcomment-->
</ul>
始めましてー可愛いデザインに一目ぼれして使わせていただいております！
質問なのですがエントリータイトル欄のカテゴリーを消して、
この記事で言うと
2005/10/20(Thu) 17:54 | ここにカテゴリー｜ トラバ：0 コメント：13 | ＊ | ↑ | ↓
このように表示させる方法を教えていただけないでしょうか
カテゴリー名が長いのでタイトル欄にあるとどうもおかしくなってしまうのです○|￣|＿
質問なのですがエントリータイトル欄のカテゴリーを消して、
この記事で言うと
2005/10/20(Thu) 17:54 | ここにカテゴリー｜ トラバ：0 コメント：13 | ＊ | ↑ | ↓
このように表示させる方法を教えていただけないでしょうか
カテゴリー名が長いのでタイトル欄にあるとどうもおかしくなってしまうのです○|￣|＿
2005/11/05(Sat) 11:52 | URL | あき #F26O5yeI[ 編集]
はじめまして、こんにちは。
ご質問にお答えします。
ご希望のように表示を変更するには、テンプレートのHTMLを少し変更すればよいかと思います。
まずはHTMLから下記の部分を探してみてください。
��
<div
class="EntryBlock">
<div class="EntryTitle"><a
id="<%topentry_no>" name="<%topentry_no>"></a>
<a href="<%topentry_category_link>" title="このカテゴリーへ">【<%topentry_category>】</a>
<a href="<%topentry_link>"><%topentry_title></a></div>
��
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>)
<%topentry_hour>:<%topentry_minute></a> |
<a href="<%topentry_category_link>" title="このカテゴリーへ"><%topentry_category></a> |
�，砲弔い討�赤字の部分を消して、�△砲弔い討�青字の部分を追加してください。
上記のようにすれば、ご希望の表示になると思います。
ですが、念のため作業前のHTMLをメモ帳などに保存してから試してみてください。
また、テンプレート内のHTMLで使用しているタグや変数はhttp://blog.fc2.com/template.html
を見れば分かると思いますのでご参考になさってください。
ご質問にお答えします。
ご希望のように表示を変更するには、テンプレートのHTMLを少し変更すればよいかと思います。
まずはHTMLから下記の部分を探してみてください。
��
<div
class="EntryBlock">
<div class="EntryTitle"><a
id="<%topentry_no>" name="<%topentry_no>"></a>
<a href="<%topentry_category_link>" title="このカテゴリーへ">【<%topentry_category>】</a>
<a href="<%topentry_link>"><%topentry_title></a></div>
��
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>)
<%topentry_hour>:<%topentry_minute></a> |
<a href="<%topentry_category_link>" title="このカテゴリーへ"><%topentry_category></a> |
�，砲弔い討�赤字の部分を消して、�△砲弔い討�青字の部分を追加してください。
上記のようにすれば、ご希望の表示になると思います。
ですが、念のため作業前のHTMLをメモ帳などに保存してから試してみてください。
また、テンプレート内のHTMLで使用しているタグや変数はhttp://blog.fc2.com/template.html
を見れば分かると思いますのでご参考になさってください。
akiさんこんにちは
いつもお世話になっています！
お気に入りのテンプレ、地味にカスタマイズしてｗ大切に使っています！
FC2ユーザー掲示板を見ても判らなかったのでakiさんに教えていただきたいのですが…
記事のタイトルの左側にアイコンを付けたいのですがどこをいじればよいのでしょうか？
もう
初心者的質問で申し訳ないです
がよろしくお願いします(T-T)
いつもお世話になっています！
お気に入りのテンプレ、地味にカスタマイズしてｗ大切に使っています！
FC2ユーザー掲示板を見ても判らなかったのでakiさんに教えていただきたいのですが…
記事のタイトルの左側にアイコンを付けたいのですがどこをいじればよいのでしょうか？
もう
初心者的質問で申し訳ないですがよろしくお願いします(T-T)こんにちは、ご質問にお答えしますね。
記事のタイトルの左側にアイコンをつける手順として、以下のようにすればよいかと思います。
まずは、アイコンにしたい画像を管理画面のファイルアップロードを使ってアップロードます。
その後、テンプレートのHTMLの中から下記の部分を探し、青字の記述を追加してください。
<div class="EntryTitle"><a id="<%topentry_no>"
name="<%topentry_no>"></a><a href="<%topentry_category_link>"
title="このカテゴリーへ">【<%topentry_category>】</a> <img src="画像のURL"> <a
href="<%topentry_link>"><%topentry_title></a></div>
画像のURLというのは、アップロードした画像のURLのことです。
それから作業前には念のためHTMLを保存しておくことをお勧めします。
わたしの知っている記事のタイトルにアイコンをつける方法はこんなところです。
つけるアイコンのサイズなどによって表示が崩れるかもしれませんので、適宜調整してください。
記事のタイトルの左側にアイコンをつける手順として、以下のようにすればよいかと思います。
まずは、アイコンにしたい画像を管理画面のファイルアップロードを使ってアップロードます。
その後、テンプレートのHTMLの中から下記の部分を探し、青字の記述を追加してください。
<div class="EntryTitle"><a id="<%topentry_no>"
name="<%topentry_no>"></a><a href="<%topentry_category_link>"
title="このカテゴリーへ">【<%topentry_category>】</a> <img src="画像のURL"> <a
href="<%topentry_link>"><%topentry_title></a></div>
画像のURLというのは、アップロードした画像のURLのことです。
それから作業前には念のためHTMLを保存しておくことをお勧めします。
わたしの知っている記事のタイトルにアイコンをつける方法はこんなところです。
つけるアイコンのサイズなどによって表示が崩れるかもしれませんので、適宜調整してください。
すばやい対応ありがとうございます
おかげ様でうまくできました！
エントリの画像装飾枠がなくなってしまいましたが満足な出来具合です♪
判りやすい説明で、akiさんんにお伺いして本当によかった！
おかげ様でうまくできました！
エントリの画像装飾枠がなくなってしまいましたが満足な出来具合です♪
判りやすい説明で、akiさんんにお伺いして本当によかった！
うまくいったようでよかったです(＾-＾)
エントリーのみに画像装飾枠をつけたい場合には、エントリーの画像にクラスを指定し、スタイルシート内でそのクラスに画像装飾を指定することもできます。
例）
�＿菫�をのせる際にクラスを指定
<img src="記事（エントリー）にアップする画像のURL" class="クラス名">
�▲好織ぅ襯掘璽箸脳綉�のクラスに画像装飾に関する指定をする
img.クラス名{
padding:5px;
border:1px solid gray;
background-color:whitesmoke;
}
このようにすると、�，妊�ラスを指定した画像のみに、装飾の指定をすることが出来ます。
クラス名はphotoとかgazouとかご自分の好きなものを指定してください。
エントリーのみに画像装飾枠をつけたい場合には、エントリーの画像にクラスを指定し、スタイルシート内でそのクラスに画像装飾を指定することもできます。
例）
�＿菫�をのせる際にクラスを指定
<img src="記事（エントリー）にアップする画像のURL" class="クラス名">
�▲好織ぅ襯掘璽箸脳綉�のクラスに画像装飾に関する指定をする
img.クラス名{
padding:5px;
border:1px solid gray;
background-color:whitesmoke;
}
このようにすると、�，妊�ラスを指定した画像のみに、装飾の指定をすることが出来ます。
クラス名はphotoとかgazouとかご自分の好きなものを指定してください。
できましたヽ(*^^*)ノ♪
ありがとうございます
ありがとうございます
テンプレートお借りさせていただきました。ありがとうございました。カスタマイズも徐々にやってみたいと考えています。
夏蜜柑さん、こんばんは。
テンプレートをダウンロードしてくださったんですね。
どうもありがとうございますm(_ _)m
ご自由にカスタマイズ・再配布などなさってくださいね。
ちなみに上記エントリーにも書いてありますが、当ブログへのリンクは消しちゃって全然構いませんので。
もしテンプレートに不具合などありましたら、私に分かる範囲でお答えしますのでご連絡くださいね。
テンプレートをダウンロードしてくださったんですね。
どうもありがとうございますm(_ _)m
ご自由にカスタマイズ・再配布などなさってくださいね。
ちなみに上記エントリーにも書いてありますが、当ブログへのリンクは消しちゃって全然構いませんので。
もしテンプレートに不具合などありましたら、私に分かる範囲でお答えしますのでご連絡くださいね。
akiさんこんにちは。テンプレートお借りして使っています。今まで見つけたものの中で一番ステキです！
ひとつ質問なのですが、一番上のタイトルがある緑色の部分、右側がさみしいのでそこに何か画像を入れたいのですが、もしできたら教えて頂けますでしょうか、、、。fc2の質問掲示板を一生懸命読んだのですが、該当しそうな質問がなく、途方に暮れています。もしお時間があれば、よろしくお願い致します。
ひとつ質問なのですが、一番上のタイトルがある緑色の部分、右側がさみしいのでそこに何か画像を入れたいのですが、もしできたら教えて頂けますでしょうか、、、。fc2の質問掲示板を一生懸命読んだのですが、該当しそうな質問がなく、途方に暮れています。もしお時間があれば、よろしくお願い致します。
2005/12/05(Mon) 07:31 | URL | MAMITA #lE4ggAI.[ 編集]
このコメントは管理人のみ閲覧できます
2005/12/05(Mon) 07:33 | | #[ 編集]
度々、すみません
エントリタイトルのところに画像を入れようと頑張っているのですが、タイトルとのバランス、上下の余白のバランス等が、なかなかうまくいきません。スタイルシートのどの辺をいじったら、きれいに収まりますでしょうか。main要素のEntryTitleのところなど、いくつかいじってみましたがだめでした、、、。
エントリタイトルのところに画像を入れようと頑張っているのですが、タイトルとのバランス、上下の余白のバランス等が、なかなかうまくいきません。スタイルシートのどの辺をいじったら、きれいに収まりますでしょうか。main要素のEntryTitleのところなど、いくつかいじってみましたがだめでした、、、。
はじめまして、こんにちは。
ご質問にお答えします。
また、念のために作業の前にはHTMLとスタイルシートをメモ帳などに保存しておくことをおすすめします。
まず、ブログタイトルがある枠内に画像を入れる方法ですが、テンプレートのスタイルシートの編集から下記の部分（#header）を探し、赤字の部分を追加します。
#header{
margin:15px 0px;
padding:0px;
background-color:#6F8A55;
border-width:1px;
border-color:black;
border-style:solid;
background-image: url("入れたい画像のURL");
background-position:right;
}
どのようなサイズの画像を載せたいのか分からないので、詳しい指定はご自分の環境に合わせてください。
画像のサイズにより、上下の位置や繰り返しなどを指定したい場合には、スタイルシートリファレンス様のhttp://www.htmq.com/style/background.shtmlの関連項目を参照の上、下記のような指定をすればよいかと思います。
background-repeat:no-repeat;
background-attachment:fixed;
また、載せたい画像の縦のサイズが現在表示されている枠よりも大きい場合には
height:***px;
というように、***の位置に載せたい画像の高さを指定するといいかと思います。
次に、エントリタイトルの画像のバランスですね。
ブログを拝見したのですが、問題はエントリタイトル部分の画像の、表示位置（上下）なのではないかと思います。
この場合は、HTMLの中で画像を入れたい部分を次のようにすれば文字と同じ高さに画像が表示されるようになります。
<img src="入れたい画像のURL" style="vertical-align:middle">
こちらもスタイルシートリファレンス様にて説明がされてありますので、一度ご確認ください。
http://www.htmq.com/style/vertical-align.shtml
一応、当方の環境では上記の方法で問題が解決できることを確認しました。
一度お試しください。
ご質問にお答えします。
また、念のために作業の前にはHTMLとスタイルシートをメモ帳などに保存しておくことをおすすめします。
まず、ブログタイトルがある枠内に画像を入れる方法ですが、テンプレートのスタイルシートの編集から下記の部分（#header）を探し、赤字の部分を追加します。
#header{
margin:15px 0px;
padding:0px;
background-color:#6F8A55;
border-width:1px;
border-color:black;
border-style:solid;
background-image: url("入れたい画像のURL");
background-position:right;
}
どのようなサイズの画像を載せたいのか分からないので、詳しい指定はご自分の環境に合わせてください。
画像のサイズにより、上下の位置や繰り返しなどを指定したい場合には、スタイルシートリファレンス様のhttp://www.htmq.com/style/background.shtmlの関連項目を参照の上、下記のような指定をすればよいかと思います。
background-repeat:no-repeat;
background-attachment:fixed;
また、載せたい画像の縦のサイズが現在表示されている枠よりも大きい場合には
height:***px;
というように、***の位置に載せたい画像の高さを指定するといいかと思います。
次に、エントリタイトルの画像のバランスですね。
ブログを拝見したのですが、問題はエントリタイトル部分の画像の、表示位置（上下）なのではないかと思います。
この場合は、HTMLの中で画像を入れたい部分を次のようにすれば文字と同じ高さに画像が表示されるようになります。
<img src="入れたい画像のURL" style="vertical-align:middle">
こちらもスタイルシートリファレンス様にて説明がされてありますので、一度ご確認ください。
http://www.htmq.com/style/vertical-align.shtml
一応、当方の環境では上記の方法で問題が解決できることを確認しました。
一度お試しください。
上記に追加ですが、このテンプレートでは画像に装飾をする（枠をつける）指定をスタイルシート内にしてあります。
エントリータイトルに画像をつける場合には、この指定を変更する、あるいは削除する必要があるかもしれません。
エントリータイトルに画像をつける場合には、この指定を変更する、あるいは削除する必要があるかもしれません。
akiさん、お忙しいところ本当にありがとうございます。トップにつける画像は、思っていたとおりのイメージになってとてもうれしいです！
画像の枠は、こちらに質問をする前に一生懸命研究して削除しました。じゃないとやはりエントリータイトルのところにも枠がついてしまったので。
エントリータイトルのところがやたら太くなってしまったので、これからそれを縮める研究をして、他のプラグインのタイトルのところとかにも色々画像をつけてみようと思っています
本当にありがとうございました！！
画像の枠は、こちらに質問をする前に一生懸命研究して削除しました。じゃないとやはりエントリータイトルのところにも枠がついてしまったので。
エントリータイトルのところがやたら太くなってしまったので、これからそれを縮める研究をして、他のプラグインのタイトルのところとかにも色々画像をつけてみようと思っています
本当にありがとうございました！！
2005/12/05(Mon) 14:34 | URL | MAMITA #lE4ggAI.[ 編集]
問題が解決したようでよかったです＾＾
いろいろ試して少しずつ自分好みのテンプレートにしていくのも楽しいものですよね。
どんどんカスタマイズしてくださいね。
いろいろ試して少しずつ自分好みのテンプレートにしていくのも楽しいものですよね。
どんどんカスタマイズしてくださいね。
このコメントは管理人のみ閲覧できます
2005/12/06(Tue) 10:21 | | #[ 編集]
このコメントは管理人のみ閲覧できます
2006/02/03(Fri) 01:58 | | #[ 編集]
はじめまして、ご質問にお答えします。
ちょっとはっきりしないのですが、回り込みを指定した際に、画像と文字の間隔が狭いために枠が消えてしまうのではないかと思います。
おそらく、imgタグにHspaceを指定すればよいかと思います。
<Img Src="画像のURL" Align="leftやrightなど" Hspace="横間隔（任意の数字）">
上記のようにすれば、画像と文字に指定した数字の分のスペースが空けられると思います。
ちょっとこの辺のことには詳しくないので、自信を持ってこれでOKと言えないのですが･･･。
はっきりお答えできなくて申し訳ありませんm(__)m
ちょっとはっきりしないのですが、回り込みを指定した際に、画像と文字の間隔が狭いために枠が消えてしまうのではないかと思います。
おそらく、imgタグにHspaceを指定すればよいかと思います。
<Img Src="画像のURL" Align="leftやrightなど" Hspace="横間隔（任意の数字）">
上記のようにすれば、画像と文字に指定した数字の分のスペースが空けられると思います。
ちょっとこの辺のことには詳しくないので、自信を持ってこれでOKと言えないのですが･･･。
はっきりお答えできなくて申し訳ありませんm(__)m
お早い返事ありがとうございます
Hspaceは入れてました。数字を大きくしたり試してみましたが相変わらず枠が消える症状は直りませんでした
自分なりに、また色々調べて見ます＾＾
ありがとうございました！
一杯どうぞｗ
Hspaceは入れてました。数字を大きくしたり試してみましたが相変わらず枠が消える症状は直りませんでした
自分なりに、また色々調べて見ます＾＾
ありがとうございました！
一杯どうぞｗご連絡ありがとうございました。
Hspaceでは直らなかったんですね。
普段から自分では画像の回り込みを利用しないもので、問題があるのに気がつきませんでした。
せっかくご連絡いただいたのに、お役に立てなくて申し訳ありませんでしたm(__)m
Hspaceでは直らなかったんですね。
普段から自分では画像の回り込みを利用しないもので、問題があるのに気がつきませんでした。
せっかくご連絡いただいたのに、お役に立てなくて申し訳ありませんでしたm(__)m
CSSのEntryBlockにwidth: px;を追加指定したら、枠が消える問題が解決しました！
Hysさん、こんばんは。
問題が解決したようで安心しました。
EntryBlockにwidth: px;が必要だったんですね。
とても勉強になりました(＾-＾)
わざわざご連絡くださり、本当にありがとうございましたm(__)m
問題が解決したようで安心しました。
EntryBlockにwidth: px;が必要だったんですね。
とても勉強になりました(＾-＾)
わざわざご連絡くださり、本当にありがとうございましたm(__)m
はじめまして。
このデザインは本当にすてきですね！
秋でなくても使えるカラーで、私は大好きです。
今、色々とカスタマイズしていますが分からないことがあるのです。
初歩的な質問かもしれませんが、
2005/10/20(Thu) 17:54 | ここにカテゴリー｜ トラバ：0 コメント：13 | ＊ | ↑ | ↓
この時間表示をなくしたいのですが、
どうやればいいんでしょうか？
よろしくお願いします。
このデザインは本当にすてきですね！
秋でなくても使えるカラーで、私は大好きです。
今、色々とカスタマイズしていますが分からないことがあるのです。
初歩的な質問かもしれませんが、
2005/10/20(Thu) 17:54 | ここにカテゴリー｜ トラバ：0 コメント：13 | ＊ | ↑ | ↓
この時間表示をなくしたいのですが、
どうやればいいんでしょうか？
よろしくお願いします。
かなえさん、はじめまして。
テンプレートを気に入ってくださってうれしいです＾＾
さてお尋ねの件ですが、時間表示（赤字になっている部分）を消したいということでしたら、テンプレートのHTMLの下記の部分をさがして、赤字になっているところを消せば良いかと思います。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>)
<%topentry_hour>:<%topentry_minute></a> |
念のため、HTLMを保存してから作業なさることをお勧めします。
もしうまく行かないようでしたらまたご連絡くださいね。
テンプレートを気に入ってくださってうれしいです＾＾
さてお尋ねの件ですが、時間表示（赤字になっている部分）を消したいということでしたら、テンプレートのHTMLの下記の部分をさがして、赤字になっているところを消せば良いかと思います。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>)
<%topentry_hour>:<%topentry_minute></a> |
念のため、HTLMを保存してから作業なさることをお勧めします。
もしうまく行かないようでしたらまたご連絡くださいね。
迅速なお返事をありがとうございます。
とっても分かりやすい説明で、
すぐ希望通りに直すことができました。
ほんとうにありがとうございました☆
とっても分かりやすい説明で、
すぐ希望通りに直すことができました。
ほんとうにありがとうございました☆
問題が無事解決したようでよかったです＾＾
どんどんカスタマイズして、お好みのテンプレートにしてくださいね。
どんどんカスタマイズして、お好みのテンプレートにしてくださいね。
このコメントは管理人のみ閲覧できます
2006/04/03(Mon) 21:28 | | #[ 編集]
はじめまして、こんばんは。
テンプレートを気に入ってくださってうれしいです＾＾
全く問題ありませんので、どうぞご自由にご利用ください。
ブログも拝見しましたが、とても興味深く読ませていただきました。
今後の更新も楽しみにしていますね。
テンプレートを気に入ってくださってうれしいです＾＾
全く問題ありませんので、どうぞご自由にご利用ください。
ブログも拝見しましたが、とても興味深く読ませていただきました。
今後の更新も楽しみにしていますね。
このコメントは管理人のみ閲覧できます
2006/04/29(Sat) 14:43 | | #[ 編集]
はじめまして、こんばんは。
お返事が遅くなり申し訳ありませんでした。
さて、ご質問の件ですが
>日記やコメントの部分で文章がCENTERに
とのことですが、おそらく日記（エントリー）投稿時にセンター指定をされたタグを閉じていないためだと思われます。
ご質問者様のブログを拝見いたしましたが、具体的に言いますと一番上にくる記事の下のほうのランキングバナーをセンタリングする際に<center>のタグの後に</center>で閉じていないために、それ以降の記事全てにセンタリングがかかっているものと思われます。
日記（エントリー）を投稿する際に<center>を使った後は</center>で閉じるようにすれば問題は解決するかと思います。
お手数ですがその方法を試してみていただけるでしょうか？
それでもうまく行かないようでしたらご連絡ください。
お返事が遅くなり申し訳ありませんでした。
さて、ご質問の件ですが
>日記やコメントの部分で文章がCENTERに
とのことですが、おそらく日記（エントリー）投稿時にセンター指定をされたタグを閉じていないためだと思われます。
ご質問者様のブログを拝見いたしましたが、具体的に言いますと一番上にくる記事の下のほうのランキングバナーをセンタリングする際に<center>のタグの後に</center>で閉じていないために、それ以降の記事全てにセンタリングがかかっているものと思われます。
日記（エントリー）を投稿する際に<center>を使った後は</center>で閉じるようにすれば問題は解決するかと思います。
お手数ですがその方法を試してみていただけるでしょうか？
それでもうまく行かないようでしたらご連絡ください。
このコメントは管理人のみ閲覧できます
2006/04/30(Sun) 17:05 | | #[ 編集]
このコメントは管理人のみ閲覧できます
2006/05/01(Mon) 22:08 | | #[ 編集]
はじめまして、こんばんは。
テンプレートを気に入ってくださってうれしいです。
さて、早速ご質問の件です。
日付をタイトルの右下に表示させたいとのことですが、これは�．織ぅ肇襪�表示されている黄色い枠内ということでしょうか？
それとも�△修硫爾竜�事本文の白い枠内右上のことでしょうか？
どちらも可能ですが、�，諒�法ですと少々修正箇所が多くなります。
お手数ですがどちらをご希望なのか、コメント欄よりご連絡いただけますでしょうか？
ご連絡いただけましたら、修正方法などお知らせします。（長くなる場合には記事にて修正方法をお知らせします。）
テンプレートを気に入ってくださってうれしいです。
さて、早速ご質問の件です。
日付をタイトルの右下に表示させたいとのことですが、これは�．織ぅ肇襪�表示されている黄色い枠内ということでしょうか？
それとも�△修硫爾竜�事本文の白い枠内右上のことでしょうか？
どちらも可能ですが、�，諒�法ですと少々修正箇所が多くなります。
お手数ですがどちらをご希望なのか、コメント欄よりご連絡いただけますでしょうか？
ご連絡いただけましたら、修正方法などお知らせします。（長くなる場合には記事にて修正方法をお知らせします。）
このコメントは管理人のみ閲覧できます
2006/05/02(Tue) 02:09 | | #[ 編集]
こんにちは、ご連絡ありがとうございました。
それでは早速�△諒�法をお知らせします。
※念のために、修正前のHTMLとCSSを保存しておくことをおすすめします。
まずHTMLの中から下記の部分を探し、切り取ります。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></a> |
<!--allow_tb-->
<a href="<%topentry_link>#trackback" title="このエントリーへのトラックバック">トラバ：<%topentry_tb_num></a>
<!--/allow_tb-->
<!--deny_tb-->
<!--/deny_tb-->
<!--allow_comment-->
<a href="<%topentry_link>#comment" title="このエントリーへのコメント">コメント：<%topentry_comment_num></a> | <a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" title="管理者用">＊</a> | <a href="#top" title="上へ">↑</a> | <a href="#bottom" title="下へ">↓</a>
<!--/allow_comment-->
<!--deny_comment-->
<!--/deny_comment-->
</div>
その後、切り取った部分を下記の○○○○の位置に貼り付けます。
<div class="EntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><a href="<%topentry_category_link>" title="このカテゴリーへ">【<%topentry_category>】</a> <a href="<%topentry_link>"><%topentry_title></a></div>
○○○○
<div class="EntryBody"><%topentry_body></div>
次にCSSの修正です。
CSSの中から下記の部分を探し、赤字の部分をleftからrightへ、青字の部分を下記のように書き換えます。
.EntryDate{
padding:10px 10px 0px 10px;
font-size:10px;
line-height:140%;
text-align:right;
}
最後にCSSの中から下記の部分を探し、赤字の部分を下記のように書き換えます。
.com{
padding:0px 10px 10px 10px;
font-size:12px;
line-height:140%;
}
以上で、修正は完了です。
試してみて、なにか不具合がありましたらご連絡ください。
それでは早速�△諒�法をお知らせします。
※念のために、修正前のHTMLとCSSを保存しておくことをおすすめします。
まずHTMLの中から下記の部分を探し、切り取ります。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></a> |
<!--allow_tb-->
<a href="<%topentry_link>#trackback" title="このエントリーへのトラックバック">トラバ：<%topentry_tb_num></a>
<!--/allow_tb-->
<!--deny_tb-->
<!--/deny_tb-->
<!--allow_comment-->
<a href="<%topentry_link>#comment" title="このエントリーへのコメント">コメント：<%topentry_comment_num></a> | <a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" title="管理者用">＊</a> | <a href="#top" title="上へ">↑</a> | <a href="#bottom" title="下へ">↓</a>
<!--/allow_comment-->
<!--deny_comment-->
<!--/deny_comment-->
</div>
その後、切り取った部分を下記の○○○○の位置に貼り付けます。
<div class="EntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><a href="<%topentry_category_link>" title="このカテゴリーへ">【<%topentry_category>】</a> <a href="<%topentry_link>"><%topentry_title></a></div>
○○○○
<div class="EntryBody"><%topentry_body></div>
次にCSSの修正です。
CSSの中から下記の部分を探し、赤字の部分をleftからrightへ、青字の部分を下記のように書き換えます。
.EntryDate{
padding:10px 10px 0px 10px;
font-size:10px;
line-height:140%;
text-align:right;
}
最後にCSSの中から下記の部分を探し、赤字の部分を下記のように書き換えます。
.com{
padding:0px 10px 10px 10px;
font-size:12px;
line-height:140%;
}
以上で、修正は完了です。
試してみて、なにか不具合がありましたらご連絡ください。
このコメントは管理人のみ閲覧できます
2006/05/02(Tue) 14:12 | | #[ 編集]
こんにちは、ご連絡ありがとうございました。
移動させたいのは日付のみだったのですね。
きちんと理解できていなくて申し訳ありませんでした。
それでは先ほどご連絡しました修正をされた後、時間以降の表示を下に表示させる方法をご連絡します。
まず、HTMLについてです。
先ほど切り取り＆貼り付けで移動させた下記の部分から赤字の部分を切り取ります。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></a> |
<!--allow_tb-->
<a href="<%topentry_link>#trackback" title="このエントリーへのトラックバック">トラバ：<%topentry_tb_num></a>
<!--/allow_tb-->
<!--deny_tb-->
<!--/deny_tb-->
<!--allow_comment-->
<a href="<%topentry_link>#comment" title="このエントリーへのコメント">コメント：<%topentry_comment_num></a> | <a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" title="管理者用">＊</a> | <a href="#top" title="上へ">↑</a> | <a href="#bottom" title="下へ">↓</a>
<!--/allow_comment-->
<!--deny_comment-->
<!--/deny_comment-->
</div>
その後、切り取った赤字の部分を下記の○○○○の部分へ貼り付けます。
またその際、○○○○の上下に青文字で表示してあるように書き加えてください。
<!--community-->テーマ：<a href="<%topentry_thread_link>" title="テーマ：<%topentry_thread_title>へ"><%topentry_thread_title></a><br>ジャンル：<a href="<%topentry_community_janrelink>" title="ジャンル：<%topentry_community_janrename>へ"><%topentry_community_janrename></a><!--/community-->
</div>
<div class="EntryTime">
○○○○
</div>
<!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
それからCSSの変更です。
CSS内のどこでも構いませんので、以下の記述を追加してください。
.EntryTime{
padding:0px 10px 10px 10px;
font-size:10px;
line-height:140%;
text-align:left;
}
それから曜日を漢字表記にする方法ですが、HTMLの中から下記の部分を探し赤字の部分を書き換えてください。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>)
</div>
移動させたいのは日付のみだったのですね。
きちんと理解できていなくて申し訳ありませんでした。
それでは先ほどご連絡しました修正をされた後、時間以降の表示を下に表示させる方法をご連絡します。
まず、HTMLについてです。
先ほど切り取り＆貼り付けで移動させた下記の部分から赤字の部分を切り取ります。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></a> |
<!--allow_tb-->
<a href="<%topentry_link>#trackback" title="このエントリーへのトラックバック">トラバ：<%topentry_tb_num></a>
<!--/allow_tb-->
<!--deny_tb-->
<!--/deny_tb-->
<!--allow_comment-->
<a href="<%topentry_link>#comment" title="このエントリーへのコメント">コメント：<%topentry_comment_num></a> | <a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" title="管理者用">＊</a> | <a href="#top" title="上へ">↑</a> | <a href="#bottom" title="下へ">↓</a>
<!--/allow_comment-->
<!--deny_comment-->
<!--/deny_comment-->
</div>
その後、切り取った赤字の部分を下記の○○○○の部分へ貼り付けます。
またその際、○○○○の上下に青文字で表示してあるように書き加えてください。
<!--community-->テーマ：<a href="<%topentry_thread_link>" title="テーマ：<%topentry_thread_title>へ"><%topentry_thread_title></a><br>ジャンル：<a href="<%topentry_community_janrelink>" title="ジャンル：<%topentry_community_janrename>へ"><%topentry_community_janrename></a><!--/community-->
</div>
<div class="EntryTime">
○○○○
</div>
<!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
それからCSSの変更です。
CSS内のどこでも構いませんので、以下の記述を追加してください。
.EntryTime{
padding:0px 10px 10px 10px;
font-size:10px;
line-height:140%;
text-align:left;
}
それから曜日を漢字表記にする方法ですが、HTMLの中から下記の部分を探し赤字の部分を書き換えてください。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>)
</div>
このコメントは管理人のみ閲覧できます
2006/05/02(Tue) 18:44 | | #[ 編集]
こんばんは、ご連絡ありがとうございます。
ブログ全体がハイパーリンクのようになってしまうとのこと、おそらくHTMLを修正時にタグが閉じていないところがあったのではないかと思います。
ですが、実際に表示がおかしくなっている際のHTMLを見てみないとはっきりお答えできません。
わたしの環境下で、先ほどご連絡しましたようにHTMLとCSSを修正しましたところ、おそらくご質問者様のご希望の形にできたと思います。
その変更済みのHTMLとCSSの内容を.txtファイルにしてアップしましたのでそちらをダウンロードしてみて、そのままコピーして使ってみていただけるでしょうか？
ブログを拝見したところ、すでにカスタマイズをなされていて、その部分を新たに修正しなおすのは面倒だとは思うのですが･･･。
http://blog10.fc2.com/l/loveyousomething/file/html.txt
http://blog10.fc2.com/l/loveyousomething/file/css.txt
ご面倒だとは思いますが、上記のテキストファイルをダウンロードの上（右クリック⇒対象をファイルに保存：IEの場合）丸々コピーしてみて使ってみてください。
ブログ全体がハイパーリンクのようになってしまうとのこと、おそらくHTMLを修正時にタグが閉じていないところがあったのではないかと思います。
ですが、実際に表示がおかしくなっている際のHTMLを見てみないとはっきりお答えできません。
わたしの環境下で、先ほどご連絡しましたようにHTMLとCSSを修正しましたところ、おそらくご質問者様のご希望の形にできたと思います。
その変更済みのHTMLとCSSの内容を.txtファイルにしてアップしましたのでそちらをダウンロードしてみて、そのままコピーして使ってみていただけるでしょうか？
ブログを拝見したところ、すでにカスタマイズをなされていて、その部分を新たに修正しなおすのは面倒だとは思うのですが･･･。
http://blog10.fc2.com/l/loveyousomething/file/html.txt
http://blog10.fc2.com/l/loveyousomething/file/css.txt
ご面倒だとは思いますが、上記のテキストファイルをダウンロードの上（右クリック⇒対象をファイルに保存：IEの場合）丸々コピーしてみて使ってみてください。
このコメントは管理人のみ閲覧できます
2006/05/02(Tue) 21:00 | | #[ 編集]
こんばんは、ご連絡ありがとうございました。
うーん、うまくいかなかったのですね。お役に立てなくて申し訳ないです。
何か他にお聞きになりたいことができましたらお気軽にお問い合わせくださいね。
日によってはお返事が遅くなることもあるかと思いますが、私に出来る範囲でしたら対応させていただきたいと思います。
カスタマイズしたものも拝見させていただきましたが、画像をつかったトップ部分がとても素敵ですね＾＾
ブログをやっていく上で、テンプレートカスタマイズで自分好みのブログにしていくのは楽しいものです。
どんどんカスタマイズしてくださいね。
うーん、うまくいかなかったのですね。お役に立てなくて申し訳ないです。
何か他にお聞きになりたいことができましたらお気軽にお問い合わせくださいね。
日によってはお返事が遅くなることもあるかと思いますが、私に出来る範囲でしたら対応させていただきたいと思います。
カスタマイズしたものも拝見させていただきましたが、画像をつかったトップ部分がとても素敵ですね＾＾
ブログをやっていく上で、テンプレートカスタマイズで自分好みのブログにしていくのは楽しいものです。
どんどんカスタマイズしてくださいね。
このコメントは管理人のみ閲覧できます
2006/05/05(Fri) 15:30 | | #[ 編集]
こんにちは。
楽しくカスタマイズされているとのこと、とてもうれしいです＾＾
さて、記事のみの文字色の変更方法ですが、CSSの中から下記の部分を探し、赤字の部分を追加してください。
.EntryBody{
padding:10px 10px 0px 10px;
font-size:12px;
line-height:140%;
color:○○○○;
}
.EntryMore{
padding:1em 10px;
font-size:12px;
line-height:140%;
color:○○○○;
}
○○○○の部分には#000000などの記述やdarkgreenなどカラーネームで色指定をします。
.EntryBodyでは記事の本文のスタイルを、.EntryMoreでは記事の追記のスタイルを指定できます。
ですから、記事で追記をお使いの場合、追記のみ色を変更したいとか文字の大きさを変えたいときにはこの.EntryMoreに指定を書いていきます。
どうぞ色々試してみてくださいね。
楽しくカスタマイズされているとのこと、とてもうれしいです＾＾
さて、記事のみの文字色の変更方法ですが、CSSの中から下記の部分を探し、赤字の部分を追加してください。
.EntryBody{
padding:10px 10px 0px 10px;
font-size:12px;
line-height:140%;
color:○○○○;
}
.EntryMore{
padding:1em 10px;
font-size:12px;
line-height:140%;
color:○○○○;
}
○○○○の部分には#000000などの記述やdarkgreenなどカラーネームで色指定をします。
.EntryBodyでは記事の本文のスタイルを、.EntryMoreでは記事の追記のスタイルを指定できます。
ですから、記事で追記をお使いの場合、追記のみ色を変更したいとか文字の大きさを変えたいときにはこの.EntryMoreに指定を書いていきます。
どうぞ色々試してみてくださいね。
このコメントは管理人のみ閲覧できます
2006/05/05(Fri) 21:50 | | #[ 編集]
このコメントは管理人のみ閲覧できます
2006/05/08(Mon) 03:46 | | #[ 編集]
はじめまして、こんにちは。
テンプレートを使ってくださっているとのこと、ありがとうございます。
さて、早速ご質問にお答えいたします。
URLよりご質問者様のブログを拝見いたしましたが、プラグインカテゴリー3の一番下のプラグイン（googleの広告）が、テンプレートのCSSで指定しているプラグインの幅以上の大きさのため落ちているものと思われます。
この状況を回避するには
�．廛薀哀ぅ鵑瞭睛討�CSSで指定している幅以上のものにしない。
��CSSの指定を変更して、幅を変更する。
の�´△梁从�が考えられます。
�△両豺腓砲蓮�CSSにて幅の指定を変更してください。
お好みにより、テンプレート全体の幅を変えずにメインカラムの幅を小さくして、その文右カラム（プラグインカテゴリー3が入る部分）を大きくしたり、全体の幅自体を広くして、右カラムを広くするなど色々試してみてください。
どこをどのように変更すればよいか分からない場合には、ご連絡ください。
その際には全体の幅を変えない、とか全体の幅を変えてもよい、などご指定してくださるとありがたいです。
テンプレートを使ってくださっているとのこと、ありがとうございます。
さて、早速ご質問にお答えいたします。
URLよりご質問者様のブログを拝見いたしましたが、プラグインカテゴリー3の一番下のプラグイン（googleの広告）が、テンプレートのCSSで指定しているプラグインの幅以上の大きさのため落ちているものと思われます。
この状況を回避するには
�．廛薀哀ぅ鵑瞭睛討�CSSで指定している幅以上のものにしない。
��CSSの指定を変更して、幅を変更する。
の�´△梁从�が考えられます。
�△両豺腓砲蓮�CSSにて幅の指定を変更してください。
お好みにより、テンプレート全体の幅を変えずにメインカラムの幅を小さくして、その文右カラム（プラグインカテゴリー3が入る部分）を大きくしたり、全体の幅自体を広くして、右カラムを広くするなど色々試してみてください。
どこをどのように変更すればよいか分からない場合には、ご連絡ください。
その際には全体の幅を変えない、とか全体の幅を変えてもよい、などご指定してくださるとありがたいです。
�，諒�法でやったら、直りました。
ありがとうございました！
また何かあったらお世話になります。
ありがとうございました！
また何かあったらお世話になります。
3ｶﾗﾑのﾃﾝﾌﾟﾚｰﾄを探しており、やっと自分の求めてたﾃﾝﾌﾟﾚｰﾄに会えて本当感激しております。
ﾃﾝﾌﾟﾚｰﾄをお借りしますね♪
ﾗﾝｷﾝｸﾞも押しました(*´ﾉｪ`)ｺｯｿﾘ
ﾃﾝﾌﾟﾚｰﾄをお借りしますね♪
ﾗﾝｷﾝｸﾞも押しました(*´ﾉｪ`)ｺｯｿﾘ
|ﾟωﾟ)ﾉﾞ[*anji*]さん、はじめまして。
お返事がたいへん遅くなってしまいすいませんでした。
テンプレートを気に入っていただけたようでとてもうれしいです＾＾
どんどんカスタマイズして楽しんでくださいね。
お返事がたいへん遅くなってしまいすいませんでした。
テンプレートを気に入っていただけたようでとてもうれしいです＾＾
どんどんカスタマイズして楽しんでくださいね。
シンプルなデザインがすごく気に入って使わせてもらっています☆
質問なんですが、本文にアップする画像を、所定のサイズより大きく表示することは可能ですか？
今は約縦2,5、横3,5cmくらいなので、もっと大きくしたいと思っています。
パソコンがド素人で調べてはみたのですが、結局分からなくて･･･。
お手数おかけしますが、よろしくお願いします！
質問なんですが、本文にアップする画像を、所定のサイズより大きく表示することは可能ですか？
今は約縦2,5、横3,5cmくらいなので、もっと大きくしたいと思っています。
パソコンがド素人で調べてはみたのですが、結局分からなくて･･･。
お手数おかけしますが、よろしくお願いします！
2006/09/05(Tue) 14:19 | URL | aya #-[ 編集]
ayaさん、こんばんは。
テンプレートを気に入って使ってくださっているとのこと、どうもありがとうございます＾＾
さて、ご質問の件ですが実は画像のサイズをテンプレートで指定しているわけではないのです。
ayaさんが記事に画像をアップするときに「記事を書く(サムネイルを使用) 」を使っていらっしゃるのでしたら、管理画面からサムネイルのサイズを変更して画像のサイズを変更することはできます。
まず、管理画面の左側のメニューから緑色の「環境設定」のすぐ下にある「環境設定の変更」へ進みます。
次にページ右側の上のほうに「ブログの設定」が出てきますからそこに進みます。
でてきたページの下のほうに「サムネイル設定」がありますので、そこで好きなサイズを指定してください。
画像のサイズの指定はcmではなくピクセルという単位なのですが、これはパソコンの画面（ディスプレイ）と解像度によって見えるサイズが違うからです。
ayaさんのパソコンで3cmに見える画像も他の人のパソコンでは4cmで見えたり、2.5cmで見えたりするわけです。
ですのでこのピクセルという単位でサイズを指定する必要があるわけです。
表示サイズを大きくしたければ数字を大きくして、自分の好きなサイズを探してみてくださいね＾＾
テンプレートを気に入って使ってくださっているとのこと、どうもありがとうございます＾＾
さて、ご質問の件ですが実は画像のサイズをテンプレートで指定しているわけではないのです。
ayaさんが記事に画像をアップするときに「記事を書く(サムネイルを使用) 」を使っていらっしゃるのでしたら、管理画面からサムネイルのサイズを変更して画像のサイズを変更することはできます。
まず、管理画面の左側のメニューから緑色の「環境設定」のすぐ下にある「環境設定の変更」へ進みます。
次にページ右側の上のほうに「ブログの設定」が出てきますからそこに進みます。
でてきたページの下のほうに「サムネイル設定」がありますので、そこで好きなサイズを指定してください。
画像のサイズの指定はcmではなくピクセルという単位なのですが、これはパソコンの画面（ディスプレイ）と解像度によって見えるサイズが違うからです。
ayaさんのパソコンで3cmに見える画像も他の人のパソコンでは4cmで見えたり、2.5cmで見えたりするわけです。
ですのでこのピクセルという単位でサイズを指定する必要があるわけです。
表示サイズを大きくしたければ数字を大きくして、自分の好きなサイズを探してみてくださいね＾＾
テンプレートの設定じゃないのに親切に答えていただいて･･･
ありがとうございます！！
早速試してみます☆
ありがとうございます！！
早速試してみます☆
2006/09/09(Sat) 10:21 | URL | aya #-[ 編集]
初めまして。
akiさんのテンプレートを
カスタマイズして使わせていただいています。
背景画像を利用しているのですが、
文字が見えにくくなるため、
background-color:#FFFFFF;
と書き込んでいます。
エントリーとカテゴリー部分はそれで解決したのですが、
コメント部分だけ書き込む部分が分かりません。
Comment要素のところに一通り書き込んではみましたが、
背景画像が透過されたままでした。
教えていただけると嬉しいです。
akiさんのテンプレートを
カスタマイズして使わせていただいています。
背景画像を利用しているのですが、
文字が見えにくくなるため、
background-color:#FFFFFF;
と書き込んでいます。
エントリーとカテゴリー部分はそれで解決したのですが、
コメント部分だけ書き込む部分が分かりません。
Comment要素のところに一通り書き込んではみましたが、
背景画像が透過されたままでした。
教えていただけると嬉しいです。
しばしんさま、こんにちは。
テンプレートをカスタマイズして使ってくださっているとのこと、どうもありがとうございます＾＾
ご質問にお答えしますね。
私の環境でも試してみたのですが、ちょっと面倒な感じになってしまいました。（他にも簡単な方法があるかもしれないのですが・・・）
少々直すところが多いので、作業の前にはテンプレートをメモ帳などに保存するなどして、失敗してもいいようにしておいてくださいね。
まずテンプレートのHTMLの部分から下記の部分を赤字のように書き換えます。
<!--nextentry-->
<a href="<%nextentry_url>" title="<%nextentry_title>">前のエントリー →</a>
<!--/nextentry-->
</div></div>
<div class="CommentBlock">
<div class="EntryTitle"><a name="comment" id="comment"></a>コメント</div>
<div class="EntryBase">
<div class="Bold">この記事へのコメント</div>
<!--ここまで-->
<!--/comment_area-->
<!--コメント編集ここから-->
<!--edit_area-->
<div class="CommentBlock">
<div class="EntryTitle">コメント</div>
<div class="EntryBase">
<div class="Bold"><a name="comment_post" id="comment_post"></a>コメントを編集</div>
※トラックバックの部分も背景を白に指定したい場合には下記も書き換えてください。
<!--トラックバック-->
<!--trackback_area-->
<div class="CommentBlock">
<div class="EntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><a name="trackback" id="trackback"></a>トラックバック</div>
<div class="EntryBase">
<div class="Bold">この記事のトラックバックURL</div>
その後、テンプレートのスタイルシートの部分に下記を新しく書き加えます。
場所は分かりやすければどこでもかまいません。
.CommentBlock{
margin:15px 15px 0px 15px;
border-width:1px 1px 0px 1px;
border-color:black;
border-style:solid;
}
.EntryBase{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:black;
background-color:#FFFFFF;
}
以上で背景が透過されないよう白色で表示されるようになると思います。
今になって見てみるとクラスの指定がごちゃごちゃしているので、やはり少々カスタマイズしにくいのかもしれないと思い反省しております。
お手数をお掛けして申し訳ありませんが、上記の方法をお試しになってみてください。
よろしくお願いいたします。
テンプレートをカスタマイズして使ってくださっているとのこと、どうもありがとうございます＾＾
ご質問にお答えしますね。
私の環境でも試してみたのですが、ちょっと面倒な感じになってしまいました。（他にも簡単な方法があるかもしれないのですが・・・）
少々直すところが多いので、作業の前にはテンプレートをメモ帳などに保存するなどして、失敗してもいいようにしておいてくださいね。
まずテンプレートのHTMLの部分から下記の部分を赤字のように書き換えます。
<!--nextentry-->
<a href="<%nextentry_url>" title="<%nextentry_title>">前のエントリー →</a>
<!--/nextentry-->
</div></div>
<div class="CommentBlock">
<div class="EntryTitle"><a name="comment" id="comment"></a>コメント</div>
<div class="EntryBase">
<div class="Bold">この記事へのコメント</div>
<!--ここまで-->
<!--/comment_area-->
<!--コメント編集ここから-->
<!--edit_area-->
<div class="CommentBlock">
<div class="EntryTitle">コメント</div>
<div class="EntryBase">
<div class="Bold"><a name="comment_post" id="comment_post"></a>コメントを編集</div>
※トラックバックの部分も背景を白に指定したい場合には下記も書き換えてください。
<!--トラックバック-->
<!--trackback_area-->
<div class="CommentBlock">
<div class="EntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><a name="trackback" id="trackback"></a>トラックバック</div>
<div class="EntryBase">
<div class="Bold">この記事のトラックバックURL</div>
その後、テンプレートのスタイルシートの部分に下記を新しく書き加えます。
場所は分かりやすければどこでもかまいません。
.CommentBlock{
margin:15px 15px 0px 15px;
border-width:1px 1px 0px 1px;
border-color:black;
border-style:solid;
}
.EntryBase{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:black;
background-color:#FFFFFF;
}
以上で背景が透過されないよう白色で表示されるようになると思います。
今になって見てみるとクラスの指定がごちゃごちゃしているので、やはり少々カスタマイズしにくいのかもしれないと思い反省しております。
お手数をお掛けして申し訳ありませんが、上記の方法をお試しになってみてください。
よろしくお願いいたします。
できました！ありがとうございます。
編集後「ブレビュー」で見ても変化はありませんでしたが、
「更新」すると効果が表れました。
本当にありがとうございました！
このテンプレートで今後続けていこうと思います。
編集後「ブレビュー」で見ても変化はありませんでしたが、
「更新」すると効果が表れました。
本当にありがとうございました！
このテンプレートで今後続けていこうと思います。
このコメントは管理人のみ閲覧できます
2007/02/08(Thu) 18:07 | | #[ 編集]
このコメントは管理人のみ閲覧できます
2007/02/08(Thu) 18:26 | | #[ 編集]
このコメントは管理人のみ閲覧できます
2007/02/08(Thu) 19:53 | | #[ 編集]
はじめまして、こんばんは。
お返事が遅くなってしまいすいませんでした。
お役には立てなかったのですが、解決されたそうでよかったです＾＾
だいぶ前に作ったテンプレートなので直したほうがいいな〜、と思うところも多々あるのですが、ブログの更新自体サボリ気味なもので…。
カスタマイズしにくいところなどあるかと思いますがご容赦願います<(_ _)>
どんどんカスタマイズしてくださいね。それでは。
お返事が遅くなってしまいすいませんでした。
お役には立てなかったのですが、解決されたそうでよかったです＾＾
だいぶ前に作ったテンプレートなので直したほうがいいな〜、と思うところも多々あるのですが、ブログの更新自体サボリ気味なもので…。
カスタマイズしにくいところなどあるかと思いますがご容赦願います<(_ _)>
どんどんカスタマイズしてくださいね。それでは。
このコメントは管理人のみ閲覧できます
2007/02/09(Fri) 00:25 | | #[ 編集]
おはようございます＾＾
ご質問ありがとうございます。
上記コメントにもある日付表示の位置についてですね。
�．織ぅ肇襪�表示されている黄色い枠内
に日付を移動させたいということですが、上記質問者様は日付のみを移動させたく、時間などはそのままの位置が良いということでしたがそのような感じでよいのでしょうか？
一応その方法を記載しておきますね。
本日これから外出しますので、思ってたのと違うとか良く分からないなどという場合にはまたコメントください。
夜になってしまいますがお返事しますので。
まず、テンプレートのHTMLの編集から
<div class="EntryBlock">
<div class="EntryTitleBlock">
<div class="EntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><a href="<%topentry_category_link>" title="このカテゴリーへ">【<%topentry_category>】</a> <a href="<%topentry_link>"><%topentry_title></a></div>
<div class="EntryTitleDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>)</a></div></div>
上記青字部分を追加します。
<div class="EntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></a>
上記赤字打消し部分を削除します。
CSSについては、
.EntryTitleBlock a{
font-weight:bold;
color:white;
text-decoration:none;
}
.EntryTitleBlock A:HOVER{
font-weight:bold;
color:#D14B4B;
text-decoration:none;
}
.EntryTitle{
background-color:#FCB644;
padding:5px 10px;
font-size:12px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:black;
color:white;
font-weight:bold;
line-height:140%;
}
.EntryTitleBlock{
background-color:#FCB644;
padding:5px 10px;
font-size:12px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:black;
}
.EntryTitleDate{
font-size:10px;
color:white;
font-weight:bold;
line-height:140%;
text-align:right;
}
同様に青字を追加、赤字打消し線を削除してください。
一応、私の環境下では移動できたハズです…。（ひょっとして書き落としがあったりして…。）
ご質問ありがとうございます。
上記コメントにもある日付表示の位置についてですね。
�．織ぅ肇襪�表示されている黄色い枠内
に日付を移動させたいということですが、上記質問者様は日付のみを移動させたく、時間などはそのままの位置が良いということでしたがそのような感じでよいのでしょうか？
一応その方法を記載しておきますね。
本日これから外出しますので、思ってたのと違うとか良く分からないなどという場合にはまたコメントください。
夜になってしまいますがお返事しますので。
まず、テンプレートのHTMLの編集から
<div class="EntryBlock">
<div class="EntryTitleBlock">
<div class="EntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><a href="<%topentry_category_link>" title="このカテゴリーへ">【<%topentry_category>】</a> <a href="<%topentry_link>"><%topentry_title></a></div>
<div class="EntryTitleDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>)</a></div></div>
上記青字部分を追加します。
<div class="EntryDate"><a href="<%topentry_link>">
上記赤字打消し部分を削除します。
CSSについては、
.EntryTitleBlock a{
font-weight:bold;
color:white;
text-decoration:none;
}
.EntryTitleBlock A:HOVER{
font-weight:bold;
color:#D14B4B;
text-decoration:none;
}
.EntryTitle{
padding:5px 10px;
font-size:12px;
border-bottom-color:black;
color:white;
font-weight:bold;
line-height:140%;
}
.EntryTitleBlock{
background-color:#FCB644;
padding:5px 10px;
font-size:12px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:black;
}
.EntryTitleDate{
font-size:10px;
color:white;
font-weight:bold;
line-height:140%;
text-align:right;
}
同様に青字を追加、赤字打消し線を削除してください。
一応、私の環境下では移動できたハズです…。（ひょっとして書き落としがあったりして…。）
一応、当方環境で変更できているテンプレートのHTMLとCSSのソースをテキストファイルでアップロードしました。
よかったらこちらもご参照ください。（メモ帳などで開いてください）
HTMLはこちら
http://blog10.fc2.com/l/loveyousomething/file/html.txt
CSSはこちら
http://blog10.fc2.com/l/loveyousomething/file/css.txt
メニュー上部にスタイルチェンジャーを用意しました。
こちらで修正後のプレビューをごらんいただけます。
よかったらこちらもご参照ください。（メモ帳などで開いてください）
HTMLはこちら
http://blog10.fc2.com/l/loveyousomething/file/html.txt
CSSはこちら
http://blog10.fc2.com/l/loveyousomething/file/css.txt
メニュー上部にスタイルチェンジャーを用意しました。
こちらで修正後のプレビューをごらんいただけます。
このコメントは管理人のみ閲覧できます
2007/02/09(Fri) 17:23 | | #[ 編集]
こんばんは、ご連絡ありがとうございました。
希望通りに変更できたんですね、よかったです＾＾
お役に立てたのならうれしいです。
私に分かる範囲でしたらお答えしますのでまた何かありましたらお気軽にどうぞ。
最近はブログの更新もサボリがちで新しいテンプレートも作らず、更新しても自分メモになっていますが…(;^^)ゞ
それでは楽しいブログライフを！
希望通りに変更できたんですね、よかったです＾＾
お役に立てたのならうれしいです。
私に分かる範囲でしたらお答えしますのでまた何かありましたらお気軽にどうぞ。
最近はブログの更新もサボリがちで新しいテンプレートも作らず、更新しても自分メモになっていますが…(;^^)ゞ
それでは楽しいブログライフを！
このコメントは管理人のみ閲覧できます
2007/02/28(Wed) 00:54 | | #[ 編集]
このコメントは管理人のみ閲覧できます
2007/02/28(Wed) 01:06 | | #[ 編集]
このコメントは管理人のみ閲覧できます
2007/05/02(Wed) 20:45 | | #[ 編集]
お返事が遅くなりましたm(__)m
コメントどうもありがとうございました＾＾
最近はブログの更新もあまりしていない（ほとんどメモ代わり･･･）のですが、また時間とやる気があるときにテンプレートも作ろうかと思います。
どんどんカスタマイズして自分だけのテンプレートを作ってくださいね＾＾
コメントどうもありがとうございました＾＾
最近はブログの更新もあまりしていない（ほとんどメモ代わり･･･）のですが、また時間とやる気があるときにテンプレートも作ろうかと思います。
どんどんカスタマイズして自分だけのテンプレートを作ってくださいね＾＾
2007/05/05(Sat) 14:45 | URL | aki #AGI7I832[ 編集]
このコメントは管理人のみ閲覧できます
2007/05/13(Sun) 14:24 | | #[ 編集]
はじめまして、こんばんは。
お返事が遅くなり申し訳ありませんでしたm(__)m
さて、ご質問の件ですがテンプレートの編集からスタイルシートの編集へと進み、下記の部分を探して赤字の部分を削除すればご希望通りになるかと思います。（念のため、修正する前のテンプレートを保存しておくことをオススメします。）
/* 画像の装飾 */
.EntryBlock img{
margin:5px 0px;
padding:5px;
border:1px solid gray;
}
.menuBlock img{
padding:3px;
border:1px solid gray;
}
テンプレートのカスタマイズは、始めは分からないことだらけだとは思いますが、いろいろやっていくうちにコツがつかめてくるかと思います。
大変だとは思いますががんばってくださいね＾＾
お返事が遅くなり申し訳ありませんでしたm(__)m
さて、ご質問の件ですがテンプレートの編集からスタイルシートの編集へと進み、下記の部分を探して赤字の部分を削除すればご希望通りになるかと思います。（念のため、修正する前のテンプレートを保存しておくことをオススメします。）
/* 画像の装飾 */
.EntryBlock img{
margin:5px 0px;
padding:5px;
border:1px solid gray;
}
.menuBlock img{
padding:3px;
border:1px solid gray;
}
テンプレートのカスタマイズは、始めは分からないことだらけだとは思いますが、いろいろやっていくうちにコツがつかめてくるかと思います。
大変だとは思いますががんばってくださいね＾＾
2007/05/14(Mon) 20:11 | URL | aki #AGI7I832[ 編集]
akiさんへ
お返事ありがとうございました！
早速やってみたら
無事に消すことができました☆
本文の写真などにつく枠は残せてとっても満足です。
これからも大切に使わせていただきたいと思います。
ありがとうございました！！
お返事ありがとうございました！
早速やってみたら
無事に消すことができました☆
本文の写真などにつく枠は残せてとっても満足です。
これからも大切に使わせていただきたいと思います。
ありがとうございました！！
こんばんは、やぶ遅くに申し訳ありません。
質問がありまして、先日akiさんのテンプレートをお借りして、ドロップシッピングのサイトを作ろうとしている者なのですが、素人ながら（申し訳ないのですが）少し手を入れさせて頂いて、スタイルシートの部分の「〜＊画像の装飾＊〜」の箇所は消させて頂いた上で、メニューに他のサイト様のリンクバナーや画像をブログのファイルのアップロードし、プラグインの編集（ＨＴＭＬの編集）を通して表示させているのですが、そのリンクバナーや画像の周りに紫色（？）の枠ができてしまうのですが、消すことは可能でしょうか？
わかりづらい文章で本当に申し訳ありませんが、教えて頂ければ幸いです。お願い致します。
質問がありまして、先日akiさんのテンプレートをお借りして、ドロップシッピングのサイトを作ろうとしている者なのですが、素人ながら（申し訳ないのですが）少し手を入れさせて頂いて、スタイルシートの部分の「〜＊画像の装飾＊〜」の箇所は消させて頂いた上で、メニューに他のサイト様のリンクバナーや画像をブログのファイルのアップロードし、プラグインの編集（ＨＴＭＬの編集）を通して表示させているのですが、そのリンクバナーや画像の周りに紫色（？）の枠ができてしまうのですが、消すことは可能でしょうか？
わかりづらい文章で本当に申し訳ありませんが、教えて頂ければ幸いです。お願い致します。
カエルサンチマンさん、こんにちは。テンプレートを使ってくださってありがとうございます＾＾
ご質問にお答えしますね。
メニューにプラグインを通してリンクバナーなど画像を表示させると紫色の枠ができるとのことですが、画像にリンクが指定されているために枠が表示されるのだと思います。
ちょっと調べてみましたが、画像にリンクが指定されてるときには、枠線が自動で表示されることが多いそうです。
その回避方法は以下のようにすればよいかと思います。
すでに画像の装飾に関する指定の箇所を消してあるということですので、下記に記載したようにCSSに追加してみていただけますでしょうか？（場所は適当な位置、元の画像の装飾があった位置などでかまいません）
たぶんこれで画像の枠が消えると思います。
※念のために作業前のテンプレートを保存なさってくださいね。
.menuBlock img{
padding:;
border:none;
}
もしうまくいかない場合にはご連絡ください。
ご質問にお答えしますね。
メニューにプラグインを通してリンクバナーなど画像を表示させると紫色の枠ができるとのことですが、画像にリンクが指定されているために枠が表示されるのだと思います。
ちょっと調べてみましたが、画像にリンクが指定されてるときには、枠線が自動で表示されることが多いそうです。
その回避方法は以下のようにすればよいかと思います。
すでに画像の装飾に関する指定の箇所を消してあるということですので、下記に記載したようにCSSに追加してみていただけますでしょうか？（場所は適当な位置、元の画像の装飾があった位置などでかまいません）
たぶんこれで画像の枠が消えると思います。
※念のために作業前のテンプレートを保存なさってくださいね。
.menuBlock img{
padding:;
border:none;
}
もしうまくいかない場合にはご連絡ください。
aki様へ。
早速のご返答、感謝致します。先ほど試してみたところ、無事に紫色の枠が消えました。
本当に嬉しいです。ありがとうございました。
大事に使わせて頂きます。
早速のご返答、感謝致します。先ほど試してみたところ、無事に紫色の枠が消えました。
本当に嬉しいです。ありがとうございました。
大事に使わせて頂きます。
2007/06/30(Sat) 20:16 | URL | カエルサンチマン。 #-[ 編集]
こんばんは、無事に修正できたんですね、よかったです＾＾
どんどんお好きなようにカスタマイズして使ってくださいね。
どんどんお好きなようにカスタマイズして使ってくださいね。
この記事のトラックバックURL
この記事へのトラックバック
無料、簡単、すぐにブログは始められ、ブログは楽しいよという話を聞いたのと、「アフィリエイト」っていう流行りの言葉、収入(*^-^*)（ちょっとイヤラシさ有り）にも惹かれてブログ
2006/06/05(Mon) 22:23:38 | オ レ ン ジ 通 信
| ホーム |
