settings
何らかの配布場
nanraka-no-haihu-ba
てがろぐ用のスキンを配布する場所
chat
TOP
photo_library
ギャラリーモード
home
HOME
アバウト
(2)
配布
(15)
デモ用
(12)
つぶやき
(78)
返信
(21)
開発
(11)
鍵付き投稿
(1)
自由装飾
(5)
下げる投稿
(1)
スキンtenran
(5)
スキンsirason
(5)
スキンmeikan
(1)
スキンkozin
(7)
スキンippen
(8)
スキンhokan
(2)
スキンaien
(3)
カスタマイズ
(21)
お知らせ
(2)
htmlテンプレート
(1)
NSFW
(2)
No.78
>03/13 22:44の方へ
続きを読む
メッセージありがとうございます
「設定」→「投稿本文の表示/テキスト」→「改行を許可」にチェックが入っていれば、記事投稿時に画像コードと文章の間を改行すれば回り込まなくなると思います
画像をセンター表示するCSSは以下になります、「tegalog-kozin.css」の末尾に追加してみてください
/* 本文内の画像とキャプション付き画像を中央寄せにする */
.comment .imagelink,.comment .embeddedpictbox {
display: block;
width: fit-content;
margin: 0 auto;
}
/* キャプション表示調整 */
.comment .embeddedpictbox figcaption { display: block;}
(このCSSで画像を中央寄せにした場合、画像コードと文章の間に改行を入れると1行分スペースが空いてしまうので、記事投稿時の改行はお好みで調整してください)
※自由装飾を使う別案
画像中央寄せと左寄せを使い分けたいときなどに、自由装飾を使う手もあります
「tegalog-kozin.css」末尾か、「設定」→「フリースペース」→【上書きスタイルシート】のCSSに
/* 中央寄せ */
.deco-center { display: block; text-align: center;}
と追加して、記事投稿時に画像コードを
[F:center:[PICT:test04.png]]
のように囲んでみてください その画像だけ中央寄せできると思います
(この自由装飾は文章も中央寄せできます)
→てがろぐ公式自由装飾の説明ページ
どちらかでお好みの表示にできると思うのですが、いかがですか?うまく表示できないとか、もう少しなんとかしたいなどありましたらまたご連絡ください
畳む
返信
2024/3/14(Thu) 20:57
edit_note
この投稿と同じカテゴリに属する投稿:
カテゴリ「返信」の投稿だけを見る
(※
時系列順で見る
)
この投稿日時に関連する投稿:
2024年3月14日の投稿だけを見る
(※
時系列順で見る
)
2024年3月の投稿だけを見る
(※
時系列順で見る
)
この投稿に隣接する前後3件ずつをまとめて見る
« No.77
/
No.79 »
初期表示に戻る
アバウト
(2)
配布
(15)
デモ用
(12)
つぶやき
(78)
返信
(21)
全年月 (129)
2024年 (65)
2024年11月 (8)
2024年10月 (4)
2024年09月 (5)
2024年08月 (3)
2024年07月 (9)
2024年06月 (5)
2024年05月 (10)
2024年04月 (11)
2024年03月 (3)
2024年02月 (2)
2024年01月 (5)
2023年 (53)
2023年12月 (10)
2023年11月 (19)
2023年10月 (14)
2023年09月 (10)
2022年 (11)
2022年02月 (10)
2022年01月 (1)
新しい順(降順)
時系列順(昇順)
FREESPACE
フリースペースエリアです。
管理画面から自由に編集ができます。
・プロフィールとか
・リンク集とかにしてもいいかも
expand_less
メッセージありがとうございます
「設定」→「投稿本文の表示/テキスト」→「改行を許可」にチェックが入っていれば、記事投稿時に画像コードと文章の間を改行すれば回り込まなくなると思います
画像をセンター表示するCSSは以下になります、「tegalog-kozin.css」の末尾に追加してみてください
/* 本文内の画像とキャプション付き画像を中央寄せにする */
.comment .imagelink,.comment .embeddedpictbox {
display: block;
width: fit-content;
margin: 0 auto;
}
/* キャプション表示調整 */
.comment .embeddedpictbox figcaption { display: block;}
(このCSSで画像を中央寄せにした場合、画像コードと文章の間に改行を入れると1行分スペースが空いてしまうので、記事投稿時の改行はお好みで調整してください)
※自由装飾を使う別案
画像中央寄せと左寄せを使い分けたいときなどに、自由装飾を使う手もあります
「tegalog-kozin.css」末尾か、「設定」→「フリースペース」→【上書きスタイルシート】のCSSに
/* 中央寄せ */
.deco-center { display: block; text-align: center;}
と追加して、記事投稿時に画像コードを
[F:center:[PICT:test04.png]]
のように囲んでみてください その画像だけ中央寄せできると思います
(この自由装飾は文章も中央寄せできます)
→てがろぐ公式自由装飾の説明ページ
どちらかでお好みの表示にできると思うのですが、いかがですか?うまく表示できないとか、もう少しなんとかしたいなどありましたらまたご連絡ください
畳む