- ベストアンサー
FC2のテンプレートのカスタマイズについて（サイドバーの背景画像）
FC2のテンプレートのカスタマイズについて（サイドバーの背景画像）質問です。 サイドバーの背景画像を自分で作った画像に変更すると、プレビューで見たときに変更をした画像が表示されるのがとても遅いです。 テンプレートを変えて試してみたり、画像を変えたりもしてみましたが、プレビューで表示させると、変更したサイドバーの画像だけなかなか表示されません。 （画像ファイルはGIF形式でサイズは500バイト程度です） 元のテンプレートで使用されている画像部分のURLを自分の画像のURLに変更しました。（スタイルシート） この他なにか変更をする必要があるのでしょうか？ 宜しくお願い致します。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- Muller3
- ベストアンサー率81% (800/979)
あちゃ！28×36ですか。そんなにちっちゃな画像なんですね。 フォトショを使われているようですし、画像サイズは問題ないですわ…大変失礼いたしました(＞＜ ということは、…スタイルシートでしょうか… スタイルシートのサイドバーの部分を、画像のURL等を○○に置き換えた状態で（URLは個人情報になるので…）、こちらにコピペしてみていただいた方が、わかりやすいかもしれません。あと、お使いのテンプレート名があれば尚いいかも。
お礼
お礼が大変遅くなってしまってすみませんっ。 スタイルシートのサイドバーの部分です。 .menu_title1 { padding : 5px 5px 5px 30px; margin : 0px 0px 0px 0px; border-bottom : 1px #999999 dotted; background:url(http://○○画像URLです) no-repeat; } こちらのテンプレートは「white_takamu_3」というものです。 他のテンプレートでも試してみたのですが、表示結果は同じでした。 何度も本当にすみません。 おわかりになりましたら、どうぞ宜しくお願いいたします。
- Muller3
- ベストアンサー率81% (800/979)
どう考えても500Bというサイズはおかしいと思うのですが… 1×1pixelという最小の画像ファイル（白い点）をgifで作っても、4KBになります…(^^; もう一度「プロパティ」などで画像サイズを確認してみてください。500KB（か500MBか）になってないでしょうか。画像をアップするときも、時間がかかりませんでしたか？ もし確認してみて500KBや500MBだったら、webに使用するには重い画像なので、それが表示を遅くする原因になっていると考えられます。フリーの画像縮小ソフトなどを活用されてみてはいかがでしょうか。
お礼
ありがとうございます。 WindowsXPを使用していますが、ファイルの表示方法を「詳細」にするとサイズは1KBになっています。 プロパティで確認すると、サイズ：480 バイト (480 バイト) ディスク上のサイズ：4.00 KB (4,096 バイト) となっています。 ファイル名の上にカーソルを持っていくと、 大きさ：28×36 種類：GIFイメージ サイズ：480バイト となります。 サイズはどのように確認すればいいのでしょうか？ ・・・また、質問になってしまってすみません。 画像はphotoshopで小さくしています。
- akuhijrwq
- ベストアンサー率35% (381/1064)
500Bですか？500KBですか？ 見た目をかえるのはすべてスタイルシートです。 プレビューでみたときは無く 変更後、ちゃんとブログを呼び出したときはどうですか？
お礼
回答をありがとうございます。 サイズは500Bです。 スタイルシートのサイドバーの部分の背景画像URLを変更しました。 プレビューではなく、変更をしてからブログを呼び出してみました。 少し早く表示されたような気がします。 元のテンプレートの場合、ブログを呼び出すとサイドバーの画像もすぐに表示されるので（どのテンプレートを表示させてみても）私の変更の仕方が間違っているのでは？と思ってしまうのですが。 スタイルシート以外は何も変更していません。
関連するQ&A
- ブログタイトルの背景に画像設定 （FC2）
FC2ブログの共有テンプレートからDW99さんの[aqua_3cpl] （http://preview.blog22.fc2.com/?style3=2111&index）をダウンロードしました。 このテンプレートでブログタイトルの背景に画像を設定したいと思いました。 そこで、スタイルシートに、「カスタマイズ・マニュアル」を参考にして、以下を挿入してみましたが、ブログを確認しても画像は表示されませんでした。 （画像パスには、画像のURLを入れています） 初心者にも分かるように、背景画像の設定方法を教えて下さい。 ↓これをスタイルシートに挿入してみましたが… /* ブログタイトル */ .header { background-image : url("画像のパス"); /* 背景画像の設定 */ background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */ background-position : left top; /* 開始位置を画面左上に設定 */ background-attachment : fixed; /* 背景画像の位置を固定 */ }
- 締切済み
- ブログ
- FC2ブログの共有テンプレートのカスタマイズについてお伺いしたく
FC2ブログの共有テンプレートのカスタマイズについてお伺いしたく ご質問させて頂きました。どうぞ宜しくお願いします。 こちら↓にて配布しております http://makeatemplate.blog95.fc2.com/ 「Honeymomo3c-b」（水色系のテンプレートです）を 使用したいのですが右サイドバーを上からではなく 左サイドバーと同じ高さからにしたいのですが HTML及びCSSの変更の仕方がわかりません。 ヘッダーの幅をフッダーと同じにする事はできたのですが 右サイドバーがヘッダーと重なった状態で表示されてしまいます。 どこを変更したら良いのかアドバイスお願い致します。
- 締切済み
- ブログ
- FC2公式テンプレートの画像を替えたいとき
FC2公式テンプレートの画像を替えたいときのスタイルシートで画像を違う画像に変える変え方が分からないので教えてください。 （http～）内のURLを自分のPCに入ってる画像と差し替えるのはわかるんですが、その（）内の同じようなタグがほかに４つくらいあって 画像が４分割されてるようなんです。 自分が入れたい画像は１個だけなのでどうすればいいか分からなくなってしまい断念しそうです。 どなたか教えてもらえませんか？
- ベストアンサー
- ブログ
- FC２ブログのテンプレートカスタマイズについて
テンプレートカスタマイズ初心者です。 FC２ブログのneros_3colというテンプレートのフリースペースとエントリー欄のサイズを484pxに変更したいのですが、スタイルシートの「エントリー欄の設定」のwidthが434pxなので、ここを484pxにし、「コンテンツ部分の設定」のwidthを800pxから850pxにしたのですがうまくいきません。 どこがおかしいのでしょうか？ どなたかご教授お願いします。
- ベストアンサー
- ブログ
- サイドバーの箇条書きにアイコンをつけたい
ＦＣ２ブログに関しての質問です。 サイドバーの「カテゴリ」や「リンク」一覧のところの文頭に、可愛いアイコンを付けたいです。 画像のような感じで、箇条書きの頭にアイコンが付くようにカスタマイズするには、どのようにスタイルシートを変更すれば良いでしょうか。 使う予定のアイコン画像はアップロードしてあります。 テンプレート名は「purity」です。 よろしくお願いします。
- ベストアンサー
- ブログ
- FC2ブログのサイドバーの文字を大きく出来ますか？
お世話になります。FC2ブログの公式テンプレート、Sample2でカスタマイズを勉強しています。サイドバーの文字が小さいので大きくしたいのですが、できますか？Webもいろいろ探しますが、スタイルシートの中に、side-text等指摘された文字も検索できません。初心者で複雑な操作はできませんが、ご指導お願いできれば助かります。よろしくお願いいたします。以上
- ベストアンサー
- ブログ
- ＦＣ２テンプレート 「moderncafe」のカスタマイズについて教えてください
はじめまして。 ＦＣ２のブログで、テンプレート「moderncafe」を使用しています。 カスタマイズの方法で分からない点があるので、質問させていただきます。 ・このテンプレートにカレンダーを追加したいのですが、 どのようにカスタマイズすればいいのでしょうか？ 自分で調べてみたのですが、カスタマイズの方法が分かりませんでした。 イメージとして「mountain」のテンプレートのように ブログタイトルの下にカレンダーを追加できればいいのですが、 スペースの関係上、無理であればプロフィール欄の上でも構いません。 もし、このカスタマイズでが難しいようでしたら、 「mountain」のテンプレートで、 ・「続きを読む」で表示した際に、追加部分の文章の上に 罫線（黒いライン）が引かれてしまうのを取り除きたいのですが、 どのようにカスタマイズすればいいのでしょうか？ どちらのテンプレートもすごく気に入っているデザインなのですが、 それぞれに変更したい部分があり、希望にあったカスタマイズが できればいいなぁ、と思っています。 どうか、よろしくお願いいたします。
- ベストアンサー
- ブログ
- ＦＣ２テンプレート「afl_shop_b」のカスタマイズについて教えてください
ＦＣ２のブログで、テンプレート「afl_shop_b」を使用しています。 カスタマイズの方法で分からない点があるので、質問させていただきます。 ・記事で「追記」を書いても、「続きを読む」のようなリンク？が表示されません。どうすれば表示することができるのでしょうか？ ブログでは長文の記事を投稿する予定なので、一段落目以降は「追記」にして、「続きを読む」のような文字をクリックすれば、「追記」も含めて、すべての文章を表示させる、というようにしたいのですが、そのカスタマイズの方法が分かりません。一般的なＦＣ２のテンプレートとはかなり構造的に異なっているようで、マニュアルなどを見ても分からず、悪戦苦闘しております。よろしくお願いいたします。 今のところは、ある記事（画像を使った記事など）では勝手に表示されるようなのですが、ほとんどの記事では表示されません。 もし、カスタマイズでの表示が難しいようでしたら、手入力（タグ入力）で、一件一件（それぞれの記事ごとに）、「追記」「続きを読む」のようなリンクを加えたいと思いますので、カスタマイズの方法や説明が難しいようでしたら、その入力方法（タグ？）を教えていただけると嬉しい限りです。 ・各記事のタイトルとプラグインのタイトルが同じように設定されていて、一方をスタイルシートで変更すると、一方も一緒に変わってしまいます。なにか良い方法はないでしょうか？ スタイルシートの中に、h1とかh2とかいうものがあって、その後ろにfontなどの文字があったので、これは、スタイルを変更するものだ、と思っていじっておりましたら、うまい具合に、記事タイトルの文字の大きさが大きくなって満足したのですが、それと一緒に、プラグインのタイトルも大きくなってしまいました。おそらく、h1とかh2というところで、記事タイトルとプライグインタイトルがおなじように設定されているのだと思いますが…一方だけを変更して、一方は変更させないようなことはできますでしょうか？ あと、同じようなことで、文字の色を灰色から黒色に変更してしまうと、記事の中の色だけでなく、プラグインタイトルの色も変わってしまいます。これも、一方だけを変更したいのですが…。 絵や検索機能がすごく気に入っているテンプレートなので、なんとかカスタマイズでいいようにしたいと思っています。よろしくお願いいたします。困り度としては、最初の質問の方が大きいです。
- 締切済み
- ブログ
- サイドバーの背景色を項目のない部分にも表示させたい
サイドバーの背景色を項目のない部分にも表示させたい ブログテンプレートを自作しています。サイドバーの背景色をグレーに設定しているのですが、項目がなくなった時点で背景色が終わってしまいます。これを一番下まで表示させたいと思っているのですがどうすればよいでしょうか。 （うまく説明できないのでお絵かき添付で説明しました。） それらしきテンプレートを見つけては自分のcssに足らないものを追加したりと体当たりで カスタマイズに挑んだのですが、どうしてもうまくいきません。 自作テンプレートのHTMLは<div>で入れ子状態になっており、簡単に分解？すると <div id="container"> <div id="blog"> </div> <div id="right"> </div> </div> となっており、 サイドバーのcssは div#right { width : 220px; float : right; text-align:left; margin: 0px; padding:30px 0px 0px 0px; overflow: hidden; font-size: 0.7em; background-color: #f6f6f6;} です。 （情報が不十分でしたら教えてください・・・！） 参考URLとして自分のブログのテンプレート表示のURLを記載します。 http://hare77777.blog58.fc2.com/?template=test2&index お分かりの方いらっしゃいましたらよろしくお願いいたします。
- ベストアンサー
- HTML
- FC2ショッピングカートのサイドバーについて
FC２ショッピングカートのテンプレートhttp://sample.cart.fc2.com/?style=custamを利用して、サイトを作成しております。 テンプレートのように、右サイドバーに『おすすめ商品』や『売れ筋商品』『リンク』を表示させたいのですが、商品登録画面で"おすすめ商品"に登録しても、サイドバーに表示されません。。。 どうしたら良いのか分からず・・・ どなたかお分かりになる方がおりましたら宜しくお願いいたします。
- 締切済み
- HTML
お礼
何度も本当にありがとうございます！ わざわざ色々と試していただいて、すみません。 ありがとうございました。 Muller3さんのPCではすぐに表示されるのですね。 私のネット環境なのでしょうか？ それは考えていませんでした。 でも、もしかしたらそういうことはあるかもしれませんよね。 ブログに来ていただいている方に聞いてみようと思います！ 本当にアドバイスをありがとうございました！！！ とっても参考になりました。