掲示板に戻る




mdiary ver.3.1のスタイルの変更について 投稿者: s
お世話になります。
mdiary ver.3.1の“表示スタイルの変更”についてお尋ねをいたします。
以下のように変更したい場合は、cssファイルの記述をどのように変えたらよいのでしょうか。

●ブログ全体の枠をもう少し広げたい。
●併せて、表示される記事の枠をもう少し広げたい。
●記事のフォントのサイズを「指定無し」(※標準のフォント)にしたい。
●記事のフォントの色を「黒」にしたい。

あと、mdiary ver.3.1のスキンを公開されるているかたはいないのでしょうか。

以上、よろしくお願いいたします。
No.287732022/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.287742022/5/22(Sun) 22:19:22 Res


Re^2: mdiary ver.3.1のスタイルの変更について 投稿者: s
ありがとうございます。

高機能なCGIであると感じています。
No.287752022/5/22(Sun) 23:08:07 Res