ブログ

トピック詳細

コメント一覧 2件中、1～2件表示

• >標野さん
  
  お返事ありがとうございます。
  教えて頂いた方法試してみました。
  
  上記の
  <div class="menu">
  <h3>FC2カウンター</h3>
  <div class="plugin-counter" style="text-a lign:left;margin-left:30px">
  <script language="JavaScript" type="text/ javascript" src="http://counter1.fc2.com/counter.p hp?id=16997190&main=1"></script>
  <noscript><img src="http://counter1.fc2.com/c ounter_img.php?id=16997190&main=1"></noscript >
  </div>
  </div>
  
  をプラグインのHTML？ソースと置き換えて確認してみましたが、変化がありませんでした。よって、margin属性をpad dingに変更してみましたが、こちらの変化なしでした。
  
  次に押して頂いたplugin-counterのクラス名を利用してテンプレートの編集から入れるCSSの編集画面で　.pl ugin-counter {margin: 0 0 0 15px}
  を加えたところ思うように表示する事ができました。
  本当にありがとうございました。
  
  しかし、html,css難しいですね。。
  数日前から色んなサイトを見ながら試行錯誤し、書き方のルールを覚えようとしてるんですが、ごっちゃになってきました。
  htmlもcssもバージョンがありルールも微妙にちがうんですかね？
  私の教本となった「FC2ブログではじめるビジネスサイト構築」という本があるんですが、その指定してあるバージョンcss, html,xhtmlの本でも一冊買ってこようと思います。
  
  私みたいな初心者にはさまざまなサイトからの拾い読みの作業は混乱してしまいます。
  
  最後に本当にありがとうございました。
  
  

  2012年10月23日 13:34 by flatlands2012

• <div class="menu">
  <h3>FC2カウンター</h3>
  <div class="plugin-counter" style="text-a lign:left;margin-left:30px">
  <script language="JavaScript" type="text /javascript" src="http://counter1.fc2.com/counter. php?id=16997190&main=1"></script>
  <noscript><img src="http://counter1.fc2.com/ counter_img.php?id=16997190&main=1"></noscrip t>
  </div>
  </div>
  
  上記は質問者さんのブログページのＨＴＭＬソースから、カウンタープラグインのソースを抜粋したものですが、たとえば太字部分 のようにスタイル指定を追加してみたら、カウンターの表示位置が編集できるかもしれません。
  
  margin-left:30px とは
  「当該部分の左側に30ピクセルのマージンを取れ」という指示で。
  leftのほかにright、top、bottom、いろいろ替えられますし
  margin:10px 20px 30px 30px（上・右・下・左） のようにまとめて指示する方法もあります。いろん な選択肢があるので、詳しくは検索してみてください。
  
  marginで動かない場合にはpaddingでうまくいく場合もあって。
  その際は上の margin の部分を padding に書き直します。
  
  plugin-counterというクラス名を使って、スタイルシート上で
  .plugin-counter{margin:数px 数px 数px 数px;padding:数px 数px 数px 数px}
  のようなスタイル指定を行なう方法もあって、やり方はさまざまです。
  
  （左に寄っている数字を真ん中辺に持ってくるだけなら、管理画面のラジオボタンで選択するだけで出来るはずです。また上下に余 白が欲しいときには単純に改行タグを挿入する人もいますし、それで見栄え的には解決することもあります）
  

  2012年10月21日 21:42 by 標野ゆき