mdiary ver.3.1のスタイルの変更について 投稿者: s |
お世話になります。 mdiary ver.3.1の“表示スタイルの変更”についてお尋ねをいたします。 以下のように変更したい場合は、cssファイルの記述をどのように変えたらよいのでしょうか。 ●ブログ全体の枠をもう少し広げたい。 ●併せて、表示される記事の枠をもう少し広げたい。 ●記事のフォントのサイズを「指定無し」(※標準のフォント)にしたい。 ●記事のフォントの色を「黒」にしたい。 あと、mdiary ver.3.1のスキンを公開されるているかたはいないのでしょうか。 以上、よろしくお願いいたします。 |
【No.28773】 2022/5/22(Sun) 9:50:12 Res |
Re: mdiary ver.3.1のスタイルの変更について 投稿者: えふ |
>●ブログ全体の枠をもう少し広げたい。 >●併せて、表示される記事の枠をもう少し広げたい。 mdiary.cssの一番上に #container{ width:800px; margin:0 auto; word-break:break-all; border-style:solid; border-color:#cccccc; border-width:0px 1px 1px 1px; padding:0px; } #header{ width:780px; height:80px; padding:10px; background-color:#d4d4d4; border-style:solid; border-color:#cccccc; border-width:0px 0px 1px 0px; text-align:left; } #main_left{ width:204px; padding:20px 18px; float: left; text-align:left; } #main_right{ width:520px; padding:25px 22px 10px 18px; float: left; text-align:left; } とありますので 全体の幅を1000pxにするときは #container{ width:1000px; margin:0 auto; word-break:break-all; border-style:solid; border-color:#cccccc; border-width:0px 1px 1px 1px; padding:0px; } #header{ width:100%; height:100px; padding:10px; background-color:#d4d4d4; border-style:solid; border-color:#cccccc; border-width:0px 0px 1px 0px; text-align:left; box-sizing: border-box; } #main_left{ width:20%; padding:20px 18px; float: left; text-align:left; box-sizing: border-box; } #main_right{ width:80%; padding:25px 22px 10px 18px; float: left; text-align:left; box-sizing: border-box; } のように変更してください。 20%と80%のところは自由な数字を設定できますが 合計して100%になる必要があります。 >●記事のフォントのサイズを「指定無し」(※標準のフォント)にしたい。 >●記事のフォントの色を「黒」にしたい。 mdiary.cssの一番上に body{ margin:0px; padding:0px; background-color:#ffffff; font-size:13px; text-align:center; color:#666666; } とありますので font-size:13px; を削除して color:#000000; と変更してください。 うちのCGIは使用者は少ないので配布してくれている方はいないです。 昔は何人かいらっしゃったのですが。 |
【No.28774】 2022/5/22(Sun) 22:19:22 Res |
Re^2: mdiary ver.3.1のスタイルの変更について 投稿者: s |
ありがとうございます。 高機能なCGIであると感じています。 |
【No.28775】 2022/5/22(Sun) 23:08:07 Res |