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