ハードディスクメンテナンス

投稿記事数[8700]以上!PC,旧ゲーム,カメラ,動画などを、アヤしゐ專門妖語を使ッて解説スル!

Movable Typeのカスタマイズ styles-site.css

   


スポンサーリンク

フォントの大きさや表示の幅はスタイルシートで設定されていますので、
これを編集することで、デザインを変えることができます。

スタイルシートは「styles-site.css」というファイルで、
これはMovable Typeをインストールしたディレクトリのルートにあります。

まず、投稿記事のフォントが小さすぎるので、
「.content p」の「font-size」を「x-small」→「11pt」に変更し、大きくしました。

スポンサーリンク

次に、Blogの幅が狭いので、
「#container」の「width」を「700px」→「850px」に変更し、150pxだけ広くしました。

しかし、これだけでは右に空白が空くだけですので、
「#right」の「float」を「left」→「right」として右に寄せ
(「width」の「200px」は変更しない)、
「#center」の「width」を「500px」→「650px」と広くし、
本文の幅を広くしました。

さらに、Blogの名前(クリックでトップページへ移動)が大きすぎるので、
「#banner h1」の「xx-large」→「x-large」に変更しました。

スポンサーリンク



sha-bc@336×280

sha-bc@336×280


sha-bc@336×280

sha-bc@336×280

  関連記事

no image
Nucleusのmod_rewriteを使った静的URL化

スポンサーリンク 管理画面でFancyURLモードをONにし、 ファイルを数個編 …

DM100A_専用ソフトケースセット
ポメラ DM100の専用ケースセットが再度タイムセール予定!(10/25 0時から)

スポンサーリンク デジタルメモ ポメラ DM100 (キングジム)だが、その専用 …

no image
mt-check.cgi mt-load.cgi 500

スポンサーリンク mt-check.cgiは通るが、mt-load.cgiはIn …

no image
ブログ投稿の「手間」を考える – ポメラ DM100などのデバイス導入でいつでも書けるように

スポンサーリンク ブログを書くには、書く内容(ネタ)が必要です。 何かしらのネタ …

no image
Nucleus v3.00 -> v3.01

スポンサーリンク 既にNucleusが動いている場合は、公式サイトから 差分ファ …

no image
スタイルシートの編集

スポンサーリンク 今までは最初から用意されたデザインを使っていたのですが、この度 …

no image
RSS(RDF Site Summary)

スポンサーリンク 企業が「RSS」に注目すべき3つの理由 スパムばかりでメールが …

Yahoo!ブログがサービス終了へ
Yahoo!ブログがサービス終了へ、2019年12月15日まで!

スポンサーリンク 13年間続いたYahoo!ブログが、2019年12月15日を以 …

DM100A_専用ソフトケースセット
デジタルメモ ポメラ DM100の専用ソフトケースセットがタイムセール中!(本日23時まで&数量限定)

スポンサーリンク このブログでも何度か登場しているデジタルメモ ポメラ DM10 …

no image
Nucleus v3.15へのアップデート

スポンサーリンク 久々にサーバインストール型のBlogツールであるNucleus …