FC2のブログでスタイルシートのコードを追加する方法
- FC2のブログでスタイルシートのコードを追加する方法が分からない。変更できる場所が記されたHTMLを見ながらコードを変更したが、スタイルシートの追加方法がわからない。
- FC2のブログでスタイルシートのコードを追加する方法を教えてください。変更できる場所が記されたHTMLを参考にしてコードを変更できたが、スタイルシートの追加方法については分かりません。お知恵をお貸しください。
- FC2のブログでスタイルシートのコードを追加する方法が分かりません。変更できる場所が記されたHTMLを参考にしてコードを変更できたのですが、スタイルシートの追加方法についての情報が見当たりません。お助けいただけますか？
- ベストアンサー
FC2 basic_White 記事本文全文表示
FC2のブログを始めたばかりです。 basic_Whiteで、通常の記事の本文を表示させる設定をしています。 http://fc2blogtemplate.com/blog-entry-19.html を見ながら、HTMLの方は、変更する場所が記されていたので、変更できたのですが、スタイルシートについては、追加するコードをどこに追加するのか分かりません。 お分かりになる方、教えて頂けませんか？ スタイルシートのコードは、 --- /* タイトル全文表示・スイッチ非表示 */ #main #main_contents h2.entry_header a, #main #main_contents h2.sub_header a{ height: auto; width: auto; white-space: normal; padding: 0 11px 0 0; } .switch {display: none;} /* END */ --- です。 よろしくお願い致します。
- a_m_
- お礼率100% (361/361)
- ブログ
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
特に追加する場所に拘りがないのであれば、スタイルシートの一番下にでもそのまま追加すると動作しますよ
関連するQ&A
- FC2ブログ 記事本文のみ文字色を変更したい
いろいろ検索して勉強しましたが、どうしても分からないので、教えていただけたら有り難いです。 FC2ブログの「takanashi」というテンプレートを使用しています。 記事全体の文字色を黒に変えたいのですが、 どこに文字コードを追加すればいいのでしょうか？ スタイルシートのどこの部分に何を載せればいいのか分からないので お教えいただけたら大変ありがたいです。 お分かりになる方がいらっしゃいましたら、どうぞよろしくお願いいたします。
- ベストアンサー
- ブログ
- BlogPeopleの表示について
Seesaaブログを使っています。 BlogPeople をサイドバーに表示すると非常に長くなってしまったので、スクロールバーをつける方法をネットで検索して調べました。 すると、以下を一行をCSSに加えるだけという事でした。 .blogpeople-main { overflow: auto; height: 400px; } そこで早速やってみた所、上手くいきませんでした。 デザイン→スタイルシート→（スタイルシート名をクリック）→スタイルシートの最後に .blogpeople-main { overflow: auto; height: 400px; } を追加して「スタイルシートを変更する」をクリック→再構築 この手順でサイトを確認した所、変更前と同じでした。 その後 .blogpeople-main { overflow: auto; height: 400px; } の400pxを200pxにしてみましたが、やはり変更前と変わらず。 どなたか解決方法を教えて下さい。
- ベストアンサー
- ブログ
- 【FC2】新着記事を個別記事や2頁目に表示させたい
こんばんわ。質問させてもらってもよろしいでしょうか？ 「【FC2】新着記事を個別記事や2ページ目等に表示させたい」のです。 http://774shi.blog.fc2.com/ これが私のブログなのですが、「New Entries」っていう新着記事のプラグインがありますよね？ ブログのTOPページには表示されるのですが、記事をクリックしたり、2ページ目等に移動すると消えてしまいます。 個別記事や、2ページ目等に移動しても表示させる方法はありますか？ ちなみにHTMLはこれです。 prototype001 のHTML編集 <!--index_area--> <!-- NEWENTRIES --> <div id="newentrys"> <h2 id="newentryname" class="navi-title"> New Entries</h2> <div id="newentrylist" class="navi-contents" > <ul> <!--recent--> <li &align> <li><a href="<%recent_link>" title="<%recent_title>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li> </li> <!--/recent--> </ul> </div> </div> <!-- NEWENTRIES END --> <!--/index_area--> <br> prototype001 のスタイルシート編集 /* -------NEW ENTRIES */ #newentrylist { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-image: none; background-color: transparent; } #newentrys ul { color: #999999; padding: 0px; margin: 0px 0px 0px 22px; } 上記のHTMLを使わずに、公式のプラグイン(最新記事)のHTMLをそのまま貼り付けたら、個別記事や2ページ目等に移動しても表示されます。 上記のHTMLを使っても個別記事や2ページ目等に移動しても表示されるようになる方法をご教授をお願いします。
- ベストアンサー
- ブログ
- FC２ブログのテンプレートカスタマイズについて
テンプレートカスタマイズ初心者です。 FC２ブログのneros_3colというテンプレートのフリースペースとエントリー欄のサイズを484pxに変更したいのですが、スタイルシートの「エントリー欄の設定」のwidthが434pxなので、ここを484pxにし、「コンテンツ部分の設定」のwidthを800pxから850pxにしたのですがうまくいきません。 どこがおかしいのでしょうか？ どなたかご教授お願いします。
- ベストアンサー
- ブログ
- エントリー記事のリンクを消すHTMLのカスタマイズについて
FC2BlogテンプレートのHTMLおよびスタイルシートのカスタマイズについて。 質問があります。Blogのエントリー記事のタイトルをクリックすると、 「コメントの投稿」へとリンクされています。これをリンクさせずに エントリー記事のタイトルだけを表示させたいのですが、 HTMLおよびスタイルシートのどこを変更設定すればいいですか？ コメントやトラックバックのないBlogを製作中です。 参考までに当該箇所を載せておきます。どうかご回答のほどを。 ［HTML］ <!--▼ エントリー（記事）▼--> <!--topentry--> <h3><a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></h3> <div class="article"> <%topentry_body> ［スタイルシート］ /* エントリー（記事）タイトル */ h3 a:link,h3 a:visited,h3 a:active,h3 { /* ----------------------------------------------------- */ color:#D2691E; /* 記事タイトルの色 */ /* ----------------------------------------------------- */ text-decoration:none; }
- ベストアンサー
- ブログ
- ＦＣ２ブログのテンプレートをカスタマイズしたい
初心者なので、既存のテンプレートに少し変更を加える程度です。 (1)ＴＯＰ（ヘッダー？）にイラストを貼り付けたいのですが １．小さなイラストを大きく表示することは不可能ですか？ ２．複数のイラスト組み合わせたい場合、スタイルシートで複数指定することはできませんか？ (2)一部のフォントを変更したい 既存のテンプレートでは、記事のタイトルのフォントの大きさを変えると サイドメニュー（最新記事とかアーカイブなどのタイトル）のタイトルも連動して 変わってしまいます。 スタイルシートに「Ｈ３ １２０％」みたいに書かれてあったので 試しにサイドメニューの部分でＨ３と書いてあるところを「Ｈ６（Ｈ３よりは小さい設定）」などに変更してみたのですが 見た目は何も変わりません。 自分なりに検索して調べてみたのですが 個別に文字を設定してることを前提で説明されてるものばかりでした。 どこをどうしたらいいのか教えていただけないでしょうか。 どの部分が関係しているのか見当がつきませんが 一応、関係してそうな部分を貼ってみます。 ますはＨＴＭＬの一部です。中ほどにＨ３の記述があります。 Latest Entriesがｈ２となっているので 試しにｈ２を５０％にしてみましたが、見た目は何も変わりませんでした。 <div id="wrapper"><!-- wrapper --> <div id="primary-column" class="main"><!-- primary-column --> <div id="contents"> <!--index_area--><h2><span>Latest Entries</span></h2><!--/index_area--><!--not_index_area--><h2><span>Entries</span></h2><!--/not_index_area--> <!--topentry--> <div class="section entryfield" id="entry-<%topentry_no>"> <div class="entry-title"> <h3 class="entry-header"><%topentry_title></h3> <!--community--> <ul class="entry-community"> <li class="entry-community-genre"><%template_genre> : <a href="<%topentry_community_janrelink>"><%topentry_community_janrename></a></li> <li class="entry-community-theme"><%template_theme> : <a href="<%topentry_thread_link>"><%topentry_thread_title></a></li> </ul> <!--/community--> </div> こちらはスタイルシートの一部です。下から３行目にｈ３の記述があります。 /* Thirdly -------------------------------------------------- */ div#thirdly-column { float : left; width : 200px; } div#extra { width : 180px; margin : 0 20px; } div#thirdly-column h2 { display : none; } div#thirdly-column div.section {} div#thirdly-column h3 { margin : 0 0 1em 0; padding-left : 20px;
- ベストアンサー
- ブログ
- ｆｃ2ブログのｈ1タグの表示位置の変更の仕方
どなたかｆｃ2ブログのｈ1タグの表示位置の変更の仕方を教えてください。 今、ｆｃ2ブログで共有テンプレートの「ナビゲーター4（レスポンシブル対応）」を使って、アフィリエイト用のブログを作っています。それで問題が発生して困っています。へッダー（縦400ｐｘ横1000ｐｘ）は自分で作ったものを使ったのですが、このテンプレートはそもそもヘッダーの真ん中の位置にｈ1タグ（タイトル）が表示される作りになっていて新しいヘッダー画像の文字と重なってしまうので、ｈ1の位置を変更しようといろいろ試みました（HTMLやCSSをいじり、ヘッダーの左端の一番上に変更しようとした）。 しかし、思った場所には変更できませんでした。たぶん、CSSの該当箇所をいじればできるとおもうのですが、どうすればいいかがわかりません。どなたかご指導していただけないでしょうか？ ※HTML、CSSの関係個所を書いておきます。情報が足りなければ、後で情報追加します。 〇HTMLの該当部分 <body> <!--ヘッダーここから--> <header id="l-header"> <div id="l-header-inner"> <img id="bgimg" src="http://blog-imgs-110.fc2.com/b/e/n/benpitaisakukyousitu/201708291447134cf.png" alt="橋" width="100%" height="100%" /> <div class="l-header-inner2"> <h1 class="blog_name"><a href="<%url>"><%blog_name></a></h1> <h2 class="blog_introduction"><%introduction></h2> </div> <nav class="menu"> <nav class="menu-inner"> <ul> <!--category--> <li><a href="<%category_link>" title="<%category_name>"><strong><%category_name></strong></a></li> <!--/category--> </ul> </nav> </nav> </div> 〇CSSの該当部分 responsive PC設定 ２カラム @media screen and (min-width:960px) { #l-header { position: relative; width:100%; } #l-header-inner { width: 100％; margin: -10px 0px 0; min-height:50px; padding: 0; overflow: hidden; background-color:; } .l-header-inner2 { position: absolute; width: 100%; top: 20%; left:0; } .all-box { width:960px; margin: 0 auto; } .blog_name { width:95%; margin-top: 20px; padding: 0px 0 0px 15px; font-size: 30px; line-height: 1.7em; color: white; text-align: center; background-color: ; } .blog_name a { color: white; } .blog_introduction { width:95%; margin-top: 0px; padding: 0px 0 10px 20px; font-size: 16px; color: white; text-align: center; background-color: ; }
- ベストアンサー
- CSS
- FC2ブログのコメント欄について
下記のサイトでFC2ブログをやっておりますが、 本来"comment"と表示される場所に、"本文"と表示されてしまい 困っています。 文字色など変更しているので、html、スタイルシートなどいじっておりますが "comment"と戻す方法をご存じの方がいらっしゃいましたら 教えてください。 よろしくお願いいたします。 http://joggeli.blog.fc2.com/
- ベストアンサー
- ブログ
- 背景色が表示されない＞＜
下記のように設定していますが、背景色が表示されません。 解決方はありますでしょうか？ 【html】 <div id="header"> <div id="h_contents"> <div id="h_left_pr"> ｄｄｄx </div><!-- h_left_pr --> <div id="h_wrapper"> <div id="right_top_area"> テキストリンクエリア </div><!-- right_top_area --> <div id="h_main_box"> <div id="h_main_left"> ロゴエリア </div><!-- h_main_left --> <div id="h_main_right"> <div id="h_search_area"> サーチエリア </div><!-- h_search_area --> <div id="h_map_area"> マップエリア </div><!-- h_map_area --> </div><!-- h_main_right --> </div><!-- h_main_box --> </div><!-- h_wrapper --> </div><!-- h_contents --> <div style="clear:both "></div> </div><!-- header --> 【css】 #header{ width:100%; background-color:black; } #h_contents{ width:1240px; margin:0 auto; } #h_left_pr{ float:left; width:120px; background-color:red; } #h_wrapper{ float:right; width:1000px; margin:0 120px 0 0; padding:0; background-color:blue; } #h_wrapper{ >margin:0 60px 0 0; } #right_top_area{ clear:both; float:right; background-color:green; width:350px; } #h_main_box{ clear:both; background-color:yellow; } #h_main_left{ float:left; width:200px; background-color:purple; } #h_main_right{ float:right; width:800px; background-color:orange; } #h_search_area{ clear:both; float:left; width:500px; background-color:gray; } #h_map_area{ float:right; width:300px; background-color:darkblue; }
- ベストアンサー
- HTML
お礼
そうだったのですか。 HTMLの方の様に、場所が決まっていると思っていました。 ありがとうございます。