FC2ブログのテンプレートの画像を入れ替える方法
- FC2ブログのテンプレートで使用している画像を簡単に入れ替える方法を紹介します。
- 画像はスライドショーで表示され、3回ごとに変わる設定になっています。
- 作者様は写真の変更を許可しており、自分の好きな画像に入れ替えることができます。しかし、URLの入れ替え方がわからない場合もあります。
- ベストアンサー
FC2ブログのテンプレートの画像を入れ換える
FC2 共有テンプレート 8 の lamp を使ってブログを作成しています。 トップの画像がスライドショーで3回ほど変わるものです。 この画像を好きな画像に入れかえたいのです。 作者様は「写真変更可」とあります。 自分の好きな画像をまずUPしました。 しかしURLを入れかえるのに、スタイルシートのどこの部分かわかりません。 教えてください。 body { font-size:13px; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif; text-align:left; color:#333333; line-height:1.8em; position:relative; background-color: #ececec; background-image:url(http://blog-imgs-59.fc2.com/m/y/s/mysticdiary/egaz2ru.png); } 最後の行baｃkguroundの url を自分の入れたい画像のurlを入れてみましたが「場所が違うようです」 よろしくお願いします。
- kuronekomiiko
- お礼率85% (68/80)
- ブログ
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 下記はテンプレートの作者さんのブログですが、該当のテンプレートの画像を差し替えする場合の方法が書いてありました。 参照してみてください。 http://mysticdiary.blog99.fc2.com/blog-entry-449.html
関連するQ&A
- 英語版MACのCatalinaのヒラギノ角フォント
英語環境でMac miniにCatalinaが入っています。 ヒラギノFontを見ると下の5つが入っています。丸ゴシックの他に角ゴシックがないのですが、OSの設定を日本語にすると出てくるものなのでしょうか？ Hiragino Maru Gothic ProN Hiragino Mincho ProN Hiragino Sans Hiragino Sans CNS Hiragino Sans GB また、標準フォントとして使われているのはどれなんですか？
- ベストアンサー
- Mac
- floatの使い方
すごく初歩的な質問をさせて下さい。 DW5.5を使用しております。 「contents」というdivの中に「main_1」と「main_2」というdivを入れたいのですが、 floatを使用するとcontentsの下側に回ってしまいます。 「main_1」を左寄せに、「main_2」を右寄せにして「contents」内にはめるには どのようにすればよいのでしょうか？ どなたかご教授下さい。 ＜＜ソース＞＞ <body> <div id="contents"> <div class="main_1"> </div> <div class="main_2"> </div> </div> </body> ＜＜css＞＞ *{ margin:0px; padding:0px; } img{ border:none; } li{ list-style-type:none; } body{ font-size:12px; line-height:1.4em; font-family:"ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; background-color: #333333; margin:0px auto; } /* FireFox リンク選択時の点線を消す */ a{ overflow:hidden; outline:none; } /* FireFox flashの境界の点線を消す */ object{ outline:none; } #contents{ width: 940px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: #000 url(../img/con_main.png) repeat-y; padding-top: 42px; padding-left: 60px; } .main_1{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding-left: 40px; width: 550px; float: left; height: 500px; } .main_2{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; float: right; width: 296px; padding-right: 30px; height: 500px; }
- ベストアンサー
- ホームページ作成ソフト
- スマホだと筆記体になってしまう
WordPressを使用しています。 パソコンでは問題なくコジックが表示されていますが、iPhoneでは筆記体になってしまいます。 フォント指定は以下です。筆記体の原因を教えて下さい。 font: 200 1.5rem "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
- ベストアンサー
- CSS
- font-sizeが効きません
どうしてもfont-sizeが効きません。もう、昨日からずっと格闘しております・・・ ninjaブログへの指定はこれでうまくいっているのですが、 ホームページのほうは何故かfont-sizeだけダメなのです。 理由と解決策をお聞かせ頂けますとうれしいです！よろしくお願い致します。 body { background-color : #210709; background-image: url("bg_kusa.jpg"); background-position:bottom center; background-repeat:no-repeat; background-attachment:fixed; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#444; font-size: 60%; }
- ベストアンサー
- CSS
- CSS SafariでMS P ゴシックを表示したい
SafariでMS P ゴシックを表示したいのですが、 font-family: 'ＭＳ Ｐゴシック', MS P Gothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; 上記のCSSでは表示してくれません。 SafariでもMS P ゴシックを表示する方法をお願いいたします。
- ベストアンサー
- HTML
- スクロールバーの色を（黒色に）変えたいので、下記のようにHTMLを記述
スクロールバーの色を（黒色に）変えたいので、下記のようにHTMLを記述しましたが、上手く出来ません。変更が出来ないのです。どなたか解る方がいましたらスクロールバーの色の変更のやり方を教えてください。よろしくお願い致します。 因みに、私はドリームウェーバーＣＳ５を使用しております。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>KANESUZU</title> <style type="text/css"> body { background-image: url(sozai/back.jpg); margin-top: 20px; margin-bottom: 20px; scrollbar-face-color:#000000; color: #BBCADE; } .waku { border: 1px solid #999; } .style7 { font-size: 12px; color: #999; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .obi { background-image: url(sozai/obi.jpg); } .obimoji { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; color: #999; }
- ベストアンサー
- HTML
- 2重に背景画像を
質問をさせていただきます。 画像のようにこれまでは 赤のBのみをbodyに指定して パターンイメージを並べていました。 そこでその上にAの様な横だけに並べるPNG画像の背景が 欲しいとおもったところこのようなサイトを見つけました。 ttp://www.bnote.net/css/css_layout/tips_html_back.html このサイト方がおっしゃられている様に htmlにback-groundでBを指定 bodyにAを指定すれば出来る！ と思ったのですが上手くいきません。 htmlにBを並べるのは成功しました。 しかしbodyにAを指定してはめこむと pngの黄色い部分が透過されず白背景になってしまいました。 bodyにbackground-color: transparent;を指定したりと 試しましたがなんとも上手くいきません。 何かアドバイス等ございましたらよろしくお願いします！ 今は html { background-image:url(○○○○○.gif) } body { height : 100%; text-align:center; font-size:16px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.6; background-color: transparent; background-image:url(○○○○○.png); background-position: left top; background-repeat: repeat-x; } となっております。
- ベストアンサー
- CSS
- livedoorblog css フォント
cssの一部不適応についての対策を教えて下さい。 初めに申しておきますとかなりの素人です。 cssをみて、body….font….とは？どこ？と試しに変更してみてなんとかやっている状態です。 表題にあるとおりlivedoorにてblogをしており、この度ブログ内の全フォントをメイリオに変更致しましたが記事の本文のみ反映されません。 他のブログ名・記事名・サイドバー・ページ数・次へ・コメント等には反映致しました。 やったことといえばcssから”font-family”を探し出し、すべての頭にmeiryo,"メイリオ"を追加しました。 追加した部分は body { line-height: 1.3; background: #fff; color: #333333; font-size: 80%;/*サイドバー？全体？*/ font-family: meiryo,"メイリオ","Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: "meiryo","メイリオ", "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ明朝",serif; } div#introductionOuter h1 a:link, div#introductionOuter h1 a:active, div#introductionOuter h1 a:visited { color: #333; font-weight: normal; font-size: 100%;/*ブログタイトル*/ font-family: "meiryo","メイリオ","Arial","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif; text-decoration: none; } div.archiveTitleOuter h2 { margin-bottom: 50px; padding: 15px 0; border-top: dotted 1px #666; border-bottom: dotted 1px #666; font-family: "meiryo","メイリオ"," Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif; font-weight: normal; text-align: center; } div#article-options h3 { font-family: "meiryo","メイリオ","Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif; font-weight: normal; } の5箇所です。 スタイルはExtensible Gallery (プレーン) CSSを使用しております。 本文はMS Pゴシックが適応されています。 過去の質問等調べたところ文字コードの指定？@charset "utf-8";をcssの最後に追加は反映せず。 body a による全体？の指定をcssの最後に追加はやってみましたが反映せず。 普段はクローム（シークレットモード）を使用しておりますが、サイドバーなどは反映されていることよりブラウザ側の設定ではないですよね？念のため設定のフォントカスタマイズよりメイリオに変更してみましたがコレも反映せず。 IEでの表示もクロームと同様。 上記が試してみたことです。 原因、対策がお解かりの方がおられましたらご教授下さい。 また、提示情報に不足があれば追加致しますので宜しくお願い致します。
- ベストアンサー
- ブログ
- ＦＣ２ブログの背景に写真を使いたい
ＦＣ２ブログを使用して まだ１ヶ月位の初心者です ただ、ブログは初心者ですが パソコンとネットの知識は中級と自己判断してます それでＯＳはビスタで ブラウザはＦｉｒｅｆｏｘ３.５なんですが ブログの背景に、現在はテンプレートを使用してます しかし、ここに自分の写真を入れられる事を知って 変更したいと考えました ただ、入れるとしても 画像の大きさから考えて １枚で…は厳しいと思うんで、２～３枚を横に並べて 設定しようと思います そこで聞きたいんですが 下記ＨＰで変更方法の解説を見ました 『背景の色を変更』 http://blog.fc2.com/custom_manual/#m004 そこには、こういう↓書き方で解説してましたが -------------------------------------------------------------------------------- body { background-image : url("画像のパス"); /* 背景画像の設定 */ background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */ background-position : left top; /* 開始位置を画面左上に設定 */ background-attachment : fixed; /* 背景画像の位置を固定 */ ------------------------------------------------------------------------------- これが私のブログです↓ ------------------------------------------------------------------------------- body { background-color: #3F3F3F; color: #333333; font-family : Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size: x-small; background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg); background-repeat: repeat-x; background-attachment: fixed; background-position: center top; } ------------------------------------------------------------------------------------- 解説から考えると、私のブログ内の 「background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg);」 内の“http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg” の部分に写真のＵＲＬを入れれば良いんでしょうか？ それと、以前、私が読んだ本の中には 「写真は予め、タイトル部分の大きさ７８０×２００ピクセルに 合わせてリサイズしよう」 と書いてありました しかし、添付した写真が私の現背景写真なんですが 枠で囲んだ部分が、そのサイズなんでしょうか？ もし、そうだとしたら このサイズ、どうやって測るんでしょうか？ ちなみに右クリックでプロパティを見ようとしても 画像では無いからだと思いますが 右クリックの項目にプロパティの項目が出て来ません もし違うとしたら、どの様に解釈すれば良いんでしょうか？ 又、何か気を付ける事は、あるでしょうか？ 宜しく御願いします
- 締切済み
- ブログ
- font-familyの使い方
font-familyに正しい使い方ってあるんでしょうか？ 私、ブログとサイト（共にFC2)やってるんですけど2種類（3種類？）のfont-familyを使ってるんです。 これって閲覧者にとっては見づらいものなのでしょうか。 ブログの方では、bodyに font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","verdana","arial", sans-serif; を使い、記事の本文にだけ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; を使ってます。 サイトでは、bodyに font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; を使い、メニュー部（英語）には font-family: Georgia,Helvetica,Arial; を使い、小説部分では説明（感想）部分はbodyのままですが本文では font-family: 'ＭＳ Ｐゴシック', sans-serif; を使ってます。 フォントサイズについては、基本11pxですが本文だけ12pxにしてます。 日本語の部分はsans-serifだしいいかぁと思ってるんですが、やはり見にくいものなのでしょうか？ こちらの意図としては本文だけ見やすかったらいい、と思っています。 ふと疑問に思ったことなので、暇な時に回答して頂ければ幸いです。
- ベストアンサー
- HTML
お礼
8481941 様 早速の回答をありがとうございました！ 早速トライしてみます。