質問 |
||
| 質問者:saewq | FC2ブログ・スタイルシート内で文字の大きさ変更の仕方を教えて下さい。 | |
|---|---|---|
困り度:
|
FC2ブログ・スタイルシート内で文字の大きさ変更の仕方を教えて下さい。(font sizeと言う文字が無いので私は困った。) 以下はブログのソースコード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=euc-jp"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <link href="<%css_link>" type="text/css" rel="stylesheet"> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml"> <title><%blog_name> <%sub_title></title> <link href="<%css_link>" rel="stylesheet" type="text/css" /> </head> <body> <!-- headBlock --> <div id="headBlock"> <h1 class="h1"><a href="<%url>"><%blog_name></a></h1> <div id="headIntroduction"><%introduction></div> </div> <div class="login"><a href="./?admin">管理者ページ</a> <a name="page_top"></a></div> <!-- /headBlock --> <!-- EntryBlock --> <div id="EntryBlock"> <!--index_area--> <!--TopPage Only--> <div class="top_entry-index"> <div class="top_entry-body"> ■<strong>フリースペース</strong><br /> <br /> </div> </div> <!--/index_area--> <!--topentry--> <div class="mainEntryBlock"> <div class="mainEntryBase"> <div class="mainEntryTitle"><h2><a href="<%topentry_link>"><%topentry_title></a></h2></div> <div class="mainEntryBody"><%topentry_body></div> <div class="mainEntryMore"> <!--more_link--> ≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a> <!--/more_link--> <!--more--> <a name="more" id="more"></a><%topentry_more> <!--/more--> </div> </div> <div class="mainEntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) </a> | <a href="<%topentry_category_link>"><%topentry_category></a> | <!--allow_tb--> <a href="<%topentry_link>#trackback">トラックバック:<%topentry_tb_num></a> | <!--/allow_tb--> <!--deny_tb--> <!--/deny_tb--> <!--allow_comment--> <a href="<%topentry_link>#comment">コメント:<%topentry_comment_num></a> | <!--/allow_comment--> <a href="#page_top" title="ページトップへ">PageTop↑</a> <!--deny_comment--> <!--/deny_comment--> </div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="<%topentry_link>" trackback:ping="<%url>tb.php/<%topentry_tb_no>" dc:title="<%topentry_title>" dc:identifier="<%topentry_link>" dc:subject="<%topentry_category>" dc:description="<%topentry_discription>" dc:creator="<%author_name>" dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" /> </rdf:RDF> --> </div> <!--/topentry--> <!--エントリーここまで--> <!--コメント--> <!--comment_area--> <div class="pageLink"> <!--preventry--> ≪<a href="<%preventry_url>"><%preventry_title></a> <!--/preventry--> | <a href="<%url>">ホーム</a> | <!--nextentry--> <a href="<%nextentry_url>"><%nextentry_title></a>≫ <!--/nextentry--> </div> <div class="mainEntryBlock"> <div class="mainEntryTitle"><a name="comment" id="comment"></a>コメント</div> <div class="mainEntryBase"> <div class="mainCommentBold">この記事へのコメント</div> <!--comment--> 割愛部分あり |
|
質問投稿日時:08/05/05 14:49 質問番号:3999210 |
||
回答 |
|
| 回答者:noname#67354 | >以下はブログのソースコード として貼ってあるコードの下の枠に、 「○○(テンプレート名)のスタイルシート編集」とあり、CSSコードがあるはずです。 そこを注意深く見ていくと、タイトルやエントリーなどあるはず。 投稿記事部分の文字を大きくしたいなら、エントリー(または似たような言葉で)の …以下、一例です… /*エントリーテキスト*/ .entry_text { margin: 20px 10px 10px 20px; padding:0px; font-size:12px; color:#244000; line-height:150%; …のような部分を見ます。上の場合はフォントサイズが12ピクセルになっていると言う感じです。 その周辺を注意深く見ていって、エントリー=投稿した記事の部分の該当部分を変更してプレビューで確認して、やってみてください。 多くのテンプレートCSSはそれぞれの項目の部分説明があるので(ここはエントリー部分、ここはメニュー部分のように) 変更してはプレビューで確認、を繰り返してやるとよいと思います。 CSSの編集画面のところに「カスタマイズマニュアル」があるので、それを良く読むのをお勧めします。 |
|---|---|
| 種類:アドバイス どんな人:経験者 自信:参考意見 |
|
| |
回答日時:08/05/05 16:04 回答番号:No.2 |
|
| この回答へのお礼 | うまく出来ました。 有り難うございます。 |
回答 |
|
| 回答者:kuzumiHK | Firefoxでマイブログを表示して、 変えたい部分のテキストや画像を文頭から文末まで選択して、 右クリック→「選択した部分のソースを表示」を選びます。 そのときタグに書かれているclass="XXX"もしくはid="XXX"をコピーし、 スタイルシートの編集画面でそのXXXで検索をかければ、 その周辺にfont-size:XXXやcolor:XXXがあるはずです。 そこを編集すれば、変わると思います。 |
|---|---|
| 種類:アドバイス どんな人:経験者 自信:参考意見 |
|
| |
回答日時:08/05/05 15:33 回答番号:No.1 |
|
| この回答へのお礼 | この回答にお礼をつける(質問者のみ) |