• コミュニティトップ
• トピック一覧
• 新着トピック
• 最近活発なトピック
• 閲覧数の多いトピック

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

新しい順  |  古い順

• その後
  スタイルシートに
  /* Headline
  -------------------------------------------------- */
  h1 {
  font-size : 200%; /* ブログ名の文字の大きさ */
  }
  h1 a {
  font-weight : bold; /* ブログ名を太字に */
  }
  h2 {
  font-size : 130%;
  }
  h2 span {
  font-weight : bold;
  }
  h3 {
  font-size : 120%;
  font-weight : bold;
  }
  h4 {
  font-size : 110%;
  }
  h5 {
  font-size : 105%;
  }
  h6 {
  font-size : 100%;
  }
  
  .entry-text {
  font-size : 150%;
  }
  
  赤色部分を追加します。
  １５０％はシメノが試してみた数字です。お好みの値に修正してください。
  
  
  きのう試したときは
  もっと下の方の/* Entry Body Text
  という部分にフォントサイズ指定を加えたのですが
  そのときはエントリーのフレーム自体が崩れてしまってうまくいきませんでした。
  
  今日うまくいったのは
  フォントサイズに関する指定が集められている場所に
  置いたからなのだろうと思います。
  
  スタイルに関する指定を追加する場所によって
  表示が大きく変わってくる例はｼﾒﾉ的には初めてだったので
  正解に辿り着くのにヒマがかかってしまって混乱したお返事になって申し訳ないです。
  
  ちなみに
  このテンプレートの場合は
  作業する環境や手順によっても表示が違ってくるかもしれません。
  
  
  うまくいかなかったらゴメンなさい。
  by 標野ゆき  2011年04月18日 12:12
  by 標野ゆき
  2011年04月18日 12:12
• 前述のコメント後
  ふと思い立って、ちょっと違ったやり方をしてみたら
  今度はうまくいったので、そちらをご案内してみますね。
  
  以下・黒文字部分は
  flash_anime03wt_dsoテンプレートのHTMLの抜粋です。
  （アタマから７分の１くらいのアタリにあります）
  
  
  <div class="entry-body">
  
  <div class="entry-date"><%topentry_year>年<%topentry_month>月<%topentry_day>日 (<%topentry_wayoubi>) <%topentry_hour>:<%topentry_minute></div>
  <div class="entry-community-category">カテゴリ : <a href="<%topentry_category_link>"><%topentry_category></a></div>
  <!--not_permanent_area-->
  <div class="entry-text"><%topentry_body></div> <!--more_link-->
  <p class="entry-more-link"><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを表示">⇒続きを表示</a> / <a href="<%topentry_link>" title="「<%topentry_title>」の全文を表示">⇒全文を表示</a></p>
  <!--/more_link-->
  <!--/not_permanent_area-->
  <!--permanent_area-->
  <div class="entry-text"><%topentry_body></div>
  
  赤文字部分を追加します。
  
  
  by 標野ゆき  2011年04月18日 12:11
  by 標野ゆき
  2011年04月18日 12:11
• ブログのデザイン指定をCSSで行なうときは
  
  HTML内に
  <div class="×××">指定したい部分</div>こういうタグを書き込んで
  
  CSS内で
  .××× ｛デザインの指定｝
  こんなカタチの指示をする場合が多いんですが。
  
  
  件のテンプレートには
  記事本文の部分のみにはクラス指定が行なわれていません。
  本文部分のほかに投稿日時・カテゴリー表示・追記部分までを含んで
  div class=entry-body という指定がなされており
  このクラス名により大まかなデザインが指定されています。
  
  ですから、たとえばCSSに
  .entry-body{font-size:120%;}
  または
  div.entry-body{font-size:120%;}
  
  こうした指示をつけ加えた場合
  記事本文といっしょに 投稿日時・カテゴリー表示・追記部分も１２０％の大きさになってしまいます。
  
  ためしに
  記事本文部分を表示する変数の前後にだけ
  全く新しいDIVクラス名をこしらえて、フォントサイズを変えるCSS指定をつけ加えてみたら
  見事に表示が崩れてしまいました。
  
  この手でなんとかなるテンプレートも多いのですが
  記事内にいろいろなタグを用いた場合のケースにまで、事細かに設定がしてある所為か、なかなか手ごわいテンプレートです。
  
  それに
  このテンプレートではどうやら
  絶対値でのフォントサイズ指定はなされておらず、それぞれの環境設定にしたがって、パーセンテージで動かすようにしてあるようです。
  
  投稿日時・カテゴリー表示・追記部分には別々のクラス名がつけられていて
  フォントサイズの指定はないものの、隙間の空き方などが指定されているので
  ここでフォントサイズを変えられるか試してみたのですが、これまたうまく行きませんでした。
  
  ご自身で試してみられれば、もしかするとうまくいくかもしれませんし
  もっとスキルの高い回答者さんなら別の優れたやり方もあるかもしれませんが
  私見では、このテンプレートで記事本文部分だけのフォントサイズをCSSで変更するのは厳しいのではないかと思います。
  
  
  by 標野ゆき  2011年04月17日 10:30
  by 標野ゆき
  2011年04月17日 10:30