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

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

コメント一覧

新しい順  |  古い順

• 標野ゆきさま、ありがとうございます。
  試してみましたところ、コメント欄のタイトルやURL等は小文字になりますね。
  80の他に95、90でも試してみましたが、私のPCでは入力ボックスは30字のままでした。
  あちらこちらいじりすぎて間違った設定をしてしまったのかも知れません。
  またいろいろ試そうと思っていますが、URLや名前とかはそのままの大きさで、ボックス内だけでも11pxぐらいの小文字にできたらと思っています。
  勉強になりましたしとても助かり、感謝していますm(__)m
  
  by   2012年02月07日 23:28
  by 
  2012年02月07日 23:28
• .mainFormTextarea {
  width: 450px;
  border: 1px solid #003366;
  font-size:80%;
  }
  
  試しに上の箇所にフォントサイズ指定を入れてみたら
  シメノの環境では本文の入力文字が小さく表示され４０文字近く入りました。
  
  by 標野ゆき  2012年02月07日 19:08
  by 標野ゆき
  2012年02月07日 19:08
• 標野ゆきさま、コメント有難うございます。
  ずっとスタイルシートと睨めっこしていまして、やっとできました。
  スタイルシートの
  .mainFormText → 450
  .mainFormTextarea → 450
  .mainFormButton 　 → 300 (ここも大きくしましたがこれは関係ないかも)
  のwidth:の数字を大きくしたところコメント入力ボックスの横幅が広くなり、
  30文字が打ち込めるようになりました。
  
  コメント表示部分も記事本文と同じ幅にすることができました。
  サイドメニューと記事本文の間をあけることもできました。
  欲を言えばブログタイトルの真下を少しあけたいです。
  またいろいろいじくってみようと思います。
  
  pikaさま、標野ゆきさま、お世話になりました。
  本当に有難うございましたm(__)m
  by   2012年02月07日 17:35
  by 
  2012年02月07日 17:35
• スタイルシートの
  /* maintForm要素 */
  .mainForm {
  margin: 10px;
  }
  .mainForm dt {
  width: 150px;
  }
  .mainForm dd {
  font-size: 10px;
  padding: 0;
  margin: 15px 10px 0px;
  }
  .mainFormText {
  width: 250px;
  border: 1px solid #003366;
  }
  .mainFormTextarea {
  width: 250px;
  border: 1px solid #003366;
  }
  
  赤文字の数字を大きくすると入力欄の幅だけは広がるようです。
  が、どんなに頑張っても一行あたり30字弱程度が限度のようです。
  by 標野ゆき  2012年02月07日 16:00
  by 標野ゆき
  2012年02月07日 16:00
• 
  pikaさま、いろいろと有難うございますm(__)m
  このデザインは幅が狭く画像を貼るとはみ出してしまうため、
  よく分からぬまま何とか画像が表示できるようにしました。
  
  コメント表示部分を見ると記事本文より狭くなっている、というか
  最初の幅のままのようです。
  サイドメニューと記事本文の間をもう少し広げたくてあれこれやっているうちに、
  間違って何処かをいじってしまったのかも知れません。
  コメント表示部分の幅を記事本文の幅と同じにすればいいような気もしますが、
  どうやったらいいのか困っています。
  
  by   2012年02月07日 10:34
  by 
  2012年02月07日 10:34
• 文字の間隔はletter-spacingで指定できますが、
  マイナス値を大きくしても希望する40文字は厳しいかと思います。
  
  基本的なカスタマイズについての知識は下記などを参考にどうぞ。
  
  文字の大きさを変更
  http://blog.fc2.com/custom_manual/#m002
  by pika★フォーラムモデレーター  2012年02月07日 00:11
  by pika★フォーラムモデレーター
  2012年02月07日 00:11
• 返信、有難うございますm(__)m
  #comment_text {width :XXXpx;} を書き込んでみましたが、
  下にそのまま記載されてしまいます。
  XXXの数字を変えて試してみましたができません。
  反映される文字数の違いは理解しています。
  文字数の間隔を狭めることができるだけでも助かるのですが…。
  
  by   2012年02月06日 23:35
  by 
  2012年02月06日 23:35
• コメント入力画面と実際に反映される文字数の違いは理解されてますか？
  見た目だけのことならば、下記を編集するといいかと。
  
  <textarea id="comment" cols="40" rows="8" name="comment[body]" class="mainFormTextarea" ></textarea>
  
  .mainFormTextarea {
  width: 250px;
  border: 1px solid #003366;
  }
  by pika★フォーラムモデレーター  2012年02月06日 23:07
  by pika★フォーラムモデレーター
  2012年02月06日 23:07