管理画面のgifを消す。

Last Updated:2006/2/25 9:49

MTを立ち上げたばかりの時期は、設定変更やテンプレートを弄ったりで
管理画面(mt.cgi)を見ることが多い。
画面の左にあるナビ、ナローバンドだと画像が表示されるのが遅く、不満だった。
テキストでも示されてるんだから別に画像が無くても分かる訳で。
必要以上の情報は要らない…

----左が変更前、右が変更後----
（テキストの大きさも何故か変わってた）
左にアイコンが見えます。 テキストのみになりました。

気になり始めたのなら始末しなければ、と
途中だったテンプレ改造を一旦中止し、画像を消すことにする。

やること：
mt.cgiと同じディレクトリにあるstyles.cssを以下のように変更・削除する。
（左の数字は行数＠MT-3[1].122-upgrade-ja内のstyles.css）

※このページは遊modeオリジナルのスタイルシートで見ないとワケワカメ。 



321> .sub a {
322>   background-repeat: no-repeat;  /** 不要なので削除 **/
323>   display: block;
324>   border-right: 1px solid #8FAEBE;
325>   border-bottom: 1px solid #8FAEBE;
326>   border-top: 1px solid #FFF;
327>   padding: 3px 5px 3px 5px  /** 画像があったスペース分を左に詰める。元は24px **/
--->   text-align:center    /** 左寄りが不自然になるので追加 **/
328>   color: #333;
329>   text-decoration: none;
330>   text-transform: uppercase;
331>   font-size: xx-small;
332>   line-height: 16px;
333>   background-position: 2px 3px;  /** 不要なので削除 **/
334>   width: 110px;
335>   voice-family: "\"}\"";
336>   voice-family:inherit;
337>   width: 99px;  /** 内側の背景が薄いブロックが左に寄るのを防ぐ。元は80px **/
338>   }
〜〜〜省略〜〜〜
354>
/**  以下を削除する。background-imageとして画像が表示されている **/
  /**
355> .sub a#nav-new-entry { background-image: url(images/nav-new-entry.gif); }
356> .sub a#nav-entries { background-image: url(images/nav-entries.gif); }
357> .sub a#nav-upload { background-image: url(images/nav-upload.gif); }
358> .sub a#nav-comments { background-image: url(images/nav-comments.gif); }
359> .sub a#nav-trackbacks { background-image: url(images/nav-trackbacks.gif); }
360> .sub a#nav-templates { background-image: url(images/nav-templates.gif); }
361> .sub a#nav-categories { background-image: url(images/nav-categories.gif); }
362> .sub a#nav-notifications { background-image: url(images/nav-notifications.gif); }
363> .sub a#nav-commenters { background-image: url(images/nav-commenters.gif); }
364> .sub a#nav-config { background-image: url(images/nav-config.gif); }
365> .sub a#nav-search { background-image: url(images/nav-search.gif); }
366> .sub a#nav-import { background-image: url(images/nav-import.gif); }
367> .sub a#nav-rebuild { background-image: url(images/nav-rebuild.gif); }
368> .sub a#nav-view-site { background-image: url(images/nav-view-site.gif); }
  **/
369>
370> /* Table styles */

変更後、style.cssをアップ。
管理画面を確認し、問題が無ければ
mt.cgiが入っているディレクトリ下のimages/nav-*.gif（imagesフォルダ内の、"nav-"から始まるgif全て。）、
計14個を削除すれば若干の容量保全。（2kbだけ。ディスク上は200kくらい）

管理画面のMovableTypeの画像も消す。(おまけ)

管理画面の左上にMovableTypeのロゴgifが表示されるが、
無料スペースの場合、トップに自動挿入の広告バナーが表示されることが殆ど。（xreaはバナーの場所を調整できるが）
そのせいで、ロゴgifが下にずれてあまり見栄えが良くない。。。

なのでそのロゴを消して、代わりに"Movable Type"とテキストで表示させようかと。

以下の3ファイル、4箇所（1箇所は目的が異なるが）を変更する。

実際は全て一行。

php/tmpl/header-popup.tpl

18>  <div id="topnav-img"><h1><img alt="Movable Type" src="<$MTStaticWebPath$>images/topnav-logo.gif"
    width="224" height="66" border="0" /></h1></div>
を削除、代わりにテキストを。 

18>  <div id="topnav-img"><h1>Movable Type</h1></div>
tmpl/cms/header-popup.tmpl

18>  <div id="topnav-img"><h1><img alt="Movable Type" src="<TMPL_VAR NAME=STATIC_URI>images/topnav-logo.gif"
     width="224" height="66" border="0" /></h1></div>
を削除、代わりにテキストを。 

18>  <div id="topnav-img"><h1>Movable Type</h1></div>
tmpl/cms/header.tmpl

20>  <div id="topnav-img"><h1><a href="<TMPL_VAR NAME=MT_URL>"><img alt="Movable Type"
     src="<TMPL_VAR NAME=STATIC_URI>images/topnav-logo.gif" width="224" height="66" border="0" /></a></h1></div>
を削除、代わりにテキストを。 

20>  <div id="topnav-img"><h1><a href="<TMPL_VAR NAME=MT_URL>">Movable Type</a></h1></div>
以上で画像はテキストに表示し直せたのだが、そのテキストに重なるように
mt.cgiのURIがただのテキストとして表示されるので 

22>  <TMPL_VAR NAME=MT_URL>
をさっくり削除。

Created On:2005/1/31 17:21