ブログカスタマイズ方法の勉強中に発生した問題

このQ&Aのポイント
  • 初心者のブロガーがFC2のブログを利用しています。以前は文字だけの記事が主でしたが、CSSを織り交ぜながらやっていきたいと考えています。しかし、CSS設定のサイトで学んだ方法を自分のブログに反映できません。
  • 具体的には、ブログデザインの設定⇒スタイルシートの編集⇒必要なタグを記述するところまでは進めましたが、設定したボックスが表示されません。正確には、<div class="boxtop">ボックス内に記事を書く</div>の部分が表示されないのです。
  • この問題の解決策を教えてください。
回答を見る
  • ベストアンサー

ブログのカスタマイズについて

初心者のブロガーです。FC2のブログを利用しています。 以前は文字だけの記事が主でしたが、CSSを織り交ぜながらやっていきたいと考えています。 それで先週からCSS設定のサイトをいくつか訪問して勉強させていただきましたが、自分のブログに反映できません。 具体的には、ブログデザインの設定⇒スタイルシートの編集⇒必要なタグを記述<STYLE TYPE="text/css"> <!-- .boxtop { /* 更新記事のスクロールボックス */ width: 65%; height: 50px; overflow: scroll; scrollbar-face-color: #ff8c00; scrollbar-track-color: #fff8dc; scrollbar-arrow-color: #ffffff; scrollbar-highlight-color: #fff8dc; scrollbar-shadow-color: #d2691e; scrollbar-3dlight-color: #ffebcd; scrollbar-darkshadow-color: #8b0000; }--> </STYLE>⇒更新⇒新しくブログを書く⇒<div class="boxtop">ボックス内に記事を書く</div>記事は問題ないですが、スタイルシートで設定したボックスが表示されません。どうしたらいいのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • akuhijrwq
  • ベストアンサー率35% (381/1064)
回答No.1

cssの部分になにかを追加したなら <STYLE TYPE="text/css"> <!-- }--> </STYLE>は不要です。

kgbaske
質問者

お礼

取り払いましたら、無事に表示されるようになりました。 勉強中で、どこまでコピペできて、どこから自分なりにカスタマイズ できるのか今も模索の段階ですので大変助かりました。 以後の作業の際にも気をつけます。 ありがとうございました。

その他の回答 (1)

  • Y-N-S
  • ベストアンサー率31% (5/16)
回答No.2

CSSは記事内ではなくCSSファイル内に記述したんですよね。 それならなぜ <STYLE TYPE="text/css"> <!-- .boxtop {  }--> </STYLE> このようなタグが書かれているのですか?

kgbaske
質問者

お礼

無知なもので、それがわかりませんでした。 CSS内に記載した<STYLE TYPE="text/css"> <!-- .boxtop {  }--> </STYLE> のタグを取ってみて動作確認を行ったところ 無事にスタイルがブログ内で反映できました。 助けていただいてありがとうございました。

関連するQ&A

  • スクロールバーの色を変更

    サイトのTOPでスクロールバーの色の変更をして、それは出来たのですが… TOPに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<HEAD>内にこれを使いました。 <style type="text/css"> <!-- body { scrollbar-arrow-color:#000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#000; scrollbar-darkshadow-color:#fff; } --> </style>

  • スタイルシートへのタグの入れ方

    ブログを運営しているのですが、どのモニターから見ても同じフォントサイズに見えるように、スタイルシート内でそれに該当するタグを挿入したいと思っています。 普通に記事を書いただけの場合はどのモニターから見ても同じ大きさで表示されるのですが、記事内にテーブルタグを挿入した場合にのみ問題が発生します。 たとえば、自宅のパソコンは1280×1024サイズなのですが、一回り小さいサイズのモニター(1024×768)から見ると、テーブル内の文字だけが大きく表示されてしまいます。 テーブルタグを打ち込む時にフォントサイズのタグをいちいち打ち込むよりもスタイルシートで設定してしまった方がいいのではと思ったのです。 教えてgoo!で同じような質問を発見し、解決方法は見つけたのですが(http://oshiete1.goo.ne.jp/qa289598.html) 自分が利用しているスタイルシートの場合はどの位置でどのようにフォントサイズのタグを挿入すればいいのか分かりません。 以下、現在のスタイルシートです(一部抜粋)。 <title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title> <style type="text/css"> <!-- html,body { scrollbar-arrow-color:#000; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#000; } --> </style> また、スタイルシートの方でフォントの設定をした場合、 たとえばテーブル内の一か所だけ文字の大きさを変えたい場合は従来通り、テーブルタグを打ち込む時にそのようなタグを入れればきちんと反映されるのでしょうか。 以上、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テキストボックス

    テキストボックスを作成したのですが、更新用にしたいので文字を打てないようにしたいのですが、苦難しています。 どなたか、教えてください。 <head> <style type="text/css"> <!-- body { scrollbar-arrow-color:#000000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ffffff; } textarea { scrollbar-arrow-color:transparent; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-3dlight-color:transparent; scrollbar-track-color:transparent; scrollbar-shadow-color:transparent; scrollbar-darkshadow-color:transparent; } --> </style></head> <body> <FORM> <TEXTAREA rows="3" cols="70">

    • ベストアンサー
    • HTML
  • インラインフレーム内に画像表示

    インラインフレームの中に デジカメで撮影した画像を 表示させることはできますか? できれば、方法を教えてください。 ホームページビルダー6.5を使用していますが。 インラインフレームは HTMLサイトから <table><tbody><tr> <TD width="318"> <div style="border:1px solid #000;background:#fff;padding:2px"><TEXTAREA rows="14" cols="50" style="scrollbar-arrow-color:#000;scrollbar-face-color:#fff;scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#000;scrollbar-track-color:#fff;scrollbar-shadow-color:#fff;scrollbar-darkshadow-color:#000;color:#000;border-width:0;font-size:13px"> ○○○ ○○○ </TEXTAREA></div> </TD> </tr></tbody></table> を拝借して取り付けました。

    • ベストアンサー
    • HTML
  • FC2ブログのプラグインのタグについて教えて下さい

    *スクロールバー付きのBOX* とゆうのを使わせてもらってるんですが、 文字が真ん中によってしまうのを 左よりにしたいんですが、 どうすればいいのでしょうか?。 <pre>でやってみたんですが、表示がおかしくなってしまってだめでした。 最初のタグは以下の通りです。 <div style="height:150px; overflow:auto; border:1px solid #000000; background-color:#FFFFFF; color:#000000; padding:3px; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#000000; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#FFFFFF;">*ここにテキストや画像を入れて下さい。BOXの高さを超えないとスクロールバーは表示されません。またお洒落すクロースバーはIEのみです。*</div>

  • テキストエリアの背景透過

    HP作成していますが、テキストエリアを作成して そこにセル背景を透過させたいのですがタグがわかりません。教えて欲しいです!! 今使用している基本のタグはこれで、ただただ背景を透過させたいだけです。 <TD width="207"> <DIV style="border:1px solid #c0c0c0;background:#fff;padding:2px"><TEXTAREA rows="9" cols="31" style="scrollbar-arrow-color:#c0c0c0;scrollbar-face-color:#fff;scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#c0c0c0;scrollbar-track-color:#fff;scrollbar-shadow-color:#fff;scrollbar-darkshadow-color:#c0c0c0;color:#777777;border-width:0;font-size:11.5px">ここに文字。</TEXTAREA></DIV> </TD>

  • スクロールバーのスタイルシートについて。

    スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば HPをフレームで2つに分けた場合、全部のページにスタイルシートを 書かなければいけないんでしょうか?一番最初のページだけではうまく いきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>

    • ベストアンサー
    • HTML
  • ブログでのスクロール枠の設置の仕方

    <div style="margin:0px;padding:0px;" align="left"><div style="margin:0px;padding:0px;line-height:1.3;width:200px;background-color:#FFFFFF;"><div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;border: 2px solid #66CCCC;font-family:'MS Pゴシック',Osaka,sans-serif;text-align:left;font-size:100%;height:5em;scrollbar-arrow-color:#66CCCC;scrollbar-3dlight-color:#66CCCC;scrollbar-darkshadow-color:#66CCCC;scrollbar-face-color:#FFFFFF;scrollbar-track-color:#FFFFFF;scrollbar-track-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;">文章挿入</div></div></div> スクロール枠です。 これをブログにはめ込んでるんですが、この枠をもう一つ横並びに貼り付けたいのですが、段落ちしてしまいます。 改行はしてないので、それでの段落ちではないです。 お分かりになる方、よろしくお願いします。 ライブドアブログです。

  • スタイルシートのスクロールバー

    現在HPを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか? 宜しくお願いします。 <style type=text/css> <!-- body{ scrollbar-face-color:#fba32b; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#fba32b; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE>

  • ココログのスクロールバー

    「ココログ」を使っています。 カスタム編集にした時、CSSをつかって スクロールバーの色を変えたいのですが、上手く反映されず通常のままです。 (ちなみにオンマウスの設定など、他のCSSは反映されています) 何か間違っているでしょうか? それとも「ココログ」ではスクロールバーの変更は対応してないのでしょうか? ----------------------------------------------- <STYLE type=text/css> <!-- BODY{ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> -----------------------------------------------