FC2ブログ・スタイルシート内で文字の大きさ変更の仕方を教えて下さい。

締切済

質問者：saewq
質問日時：2008/05/05 14:49
回答数：2件

FC2ブログ・スタイルシート内で文字の大きさ変更の仕方を教えて下さい。(font sizeと言う文字が無いので私は困った。）

以下はブログのソースコード

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<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>

<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>



<div id="EntryBlock">



<div class="top_entry-index">
<div class="top_entry-body">
■<strong>フリースペース</strong><br /> <br />
</div>
</div>



<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">

≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>


<a name="more" id="more"></a><%topentry_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> |

<a href="<%topentry_link>#trackback">トラックバック：<%topentry_tb_num></a> |




<a href="<%topentry_link>#comment">コメント：<%topentry_comment_num></a> |

<a href="#page_top" title="ページトップへ">PageTop↑</a>


</div>

</div>





<div class="pageLink">

≪<a href="<%preventry_url>"><%preventry_title></a>

| <a href="<%url>">ホーム</a> |

<a href="<%nextentry_url>"><%nextentry_title></a>≫

</div>
<div class="mainEntryBlock">
<div class="mainEntryTitle"><a name="comment" id="comment"></a>コメント</div>
<div class="mainEntryBase">
<div class="mainCommentBold">この記事へのコメント</div>


割愛部分あり

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： mint_65#2
回答日時：2008/05/05 16:04

＞以下はブログのソースコード

として貼ってあるコードの下の枠に、
「○○（テンプレート名）のスタイルシート編集」とあり、CSSコードがあるはずです。
そこを注意深く見ていくと、タイトルやエントリーなどあるはず。
投稿記事部分の文字を大きくしたいなら、エントリー（または似たような言葉で）の
…以下、一例です…
/*エントリーテキスト*/

.entry_text {
margin: 20px 10px 10px 20px;
padding:0px;
font-size:12px;
color:#244000;
line-height:150%;
…のような部分を見ます。上の場合はフォントサイズが12ピクセルになっていると言う感じです。
その周辺を注意深く見ていって、エントリー＝投稿した記事の部分の該当部分を変更してプレビューで確認して、やってみてください。
多くのテンプレートCSSはそれぞれの項目の部分説明があるので（ここはエントリー部分、ここはメニュー部分のように）
変更してはプレビューで確認、を繰り返してやるとよいと思います。

CSSの編集画面のところに「カスタマイズマニュアル」があるので、それを良く読むのをお勧めします。

- 0
- 件

通報する

この回答へのお礼

うまく出来ました。
有り難うございます。

通報する

お礼日時：2008/05/09 17:24

No.1

回答者： kuzumiHK
回答日時：2008/05/05 15:33

Firefoxでマイブログを表示して、

変えたい部分のテキストや画像を文頭から文末まで選択して、
右クリック→「選択した部分のソースを表示」を選びます。
そのときタグに書かれているclass="XXX"もしくはid="XXX"をコピーし、
スタイルシートの編集画面でそのXXXで検索をかければ、
その周辺にfont-size:XXXやcolor:XXXがあるはずです。
そこを編集すれば、変わると思います。