No.1ベストアンサー
- 回答日時:
てぃーだブログを使用していないので、以下は下記のFAQを見て推測した事です。
これによると、スタイルシートを直接編集できる事になっています。
http://faq.ti-da.net/e412044.html
であれば、ブログのソースを見ると、コメントの部分は以下の様にマークアップされている様ですので、
<div class="comments-body">コメント本体</div>
<div class="comments-post">Posted by <a class="aposted" href="#">投稿者名</a> at yyyy年mm月dd日 hh:mm</div>
<div class="comments-post">~</div>のブロックが、質問者様がスタイルを変更したい箇所に相当します。で、ブログのスタイルシート"style.css"を見ると、その中に、".comments-post"というクラス・セレクタがあるので、ここのスタイルの指定を変更すれば良い事になります。
現在、この部分のスタイルの指定はこうなっています:
.comments-post{
margin-top: 0px;
margin-right: 20px;
margin-bottom: 15px;
margin-left: 20px;
padding-top: 3px;
font-size: 82%;
text-align: right;}
> コメント投稿者の名前が 右に表示されてるのを左に!
"text-align: right;"が右寄せにしている指定ですので、これを削除する、または"text-align: left;"とすれば、このブロック全体が左寄せになります。
> コメントとコメントの間に線を引いて
このブロックがコメントエリアの最後の部分になりますので、このブロックの下に線を引いてやればいいかと思います。スタイルに、以下の指定を追加します。以下は一例です。
.comments-post{
(省略)
border-bottom: solid 1px #000;←追加
}
上記の指定は、「プレーンな形状(solid)の1pxの太さ(1px)の黒い色(#000)の線(border)」をコメントエリアの「下(bottom)」に引くという意味します。なので、border-bottom:に対する3つのそれぞれの値を(ルールに則って)変更する事で、線の形状・太さ・色はお好みにできます。
また、線とコメントの間の余白を調整したければ、paddingやmarginを調整する事でこれも任意の値にできます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Word(ワード) Microsoft Word2023で、修正箇所を表示させたい 1 2023/02/09 10:07
- gooブログ gooブログへのコメント投稿について 1 2023/05/21 03:52
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- YouTube YouTubeコメント。 1 2022/04/23 09:43
- Excel(エクセル) セルに設定した[コメント]、表示のON/OFFは正常なるも印刷されない! 3 2022/09/18 21:56
- YouTube YouTubeのコメント欄の名前を変更することはできますか 2 2022/05/06 21:57
- Word(ワード) ワード2010でコメントを印刷しない方法 6 2023/07/20 14:27
- Google Maps Googleで店への口コミですが、投稿して自分には表示されても非表示にされてる場合がありますよね? 1 2022/10/28 06:58
- YouTube YouTubeのコメントについて。 普通だったら高評価とか低評価とかのボタンの下からコメントが見れま 3 2022/08/19 23:30
- その他(ブログ) ブログ初心者です。スクショを載せるとき、引用元を書けばOkなのでしょうか? 宜しくお願いします。 誹 1 2022/11/16 18:09
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
レスポンシブWeb 右側の表示が...
-
縦ボーダーの長さ変更方法
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
グーグルのアイコンを操作して...
-
ExcelVBAで挿入画像の縦横サイ...
-
HTMLタグ内文字を抽出するには
-
GIF画像のサイズを取得するには
-
HTMLで、ホームページが作れる...
-
jpegの圧縮率の取得
-
PDF Embeddeの 不具合 - PDFフ...
-
webサイトの表記を書式を崩さず...
-
高画質で画像を表示したい
-
/public_html が表示されていない
-
ホームページ作成ソフトを変更...
-
jQuery BoxerというLightBoxに...
-
iPhoneで HTMLファイルを閲覧
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
レスポンシブWeb 右側の表示が...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
テキストボックスが選択できない
-
googleカスタム検索 ボタンがず...
-
PHP内で同じようにCSSを表示さ...
-
HTMLにsvg画像表示したら小さか...
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
なぜ、ホームページが削除され...
-
ワードプレス管理画面から、ヘ...
-
flaskのreturn render_template...
-
FTPでアップロードした画像のUR...
-
HTMLタグ内文字を抽出するには
-
ブログに画像を選択して、アッ...
-
画像と画像の間のスペースはど...
-
PDF Embeddeの 不具合 - PDFフ...
-
ホームページビルダーで文字の...
おすすめ情報