喜怒哀楽

--表示テスト--

(left)
どーなんでしょう。うまくいってるでしょうか。
これがleft設定です。








(right)
これが
right設定です。








(none)
これがなにもしない設定。
noneです。

<div class="side">
<MTEntries lastn="10">
<MTDateHeader>

<$MTEntryDate format="%m/%d"$><br />
</MTDateHeader>
└ <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>

赤い字の部分を

%x

ちょっと、うさぎの画像がでかいですなっ（笑）。

リンクにカーソルが触ると
ちょっと凹むようにと、
カーソルを「＋」になるようにし、バックカラー付きしてみました♪（追加：1月13日）

/* リンク文字設定 */
の部分をいじくります。

a:hover {
color: #006699;
background: none;
text-decoration : none;
background-color: #fc6;
cursor: crosshair;
text-decoration : none;
visibility : visible;
position : relative;
top : 1pt;
left : 1pt;
}

a:hoverの部分に赤い部分を足しました。
topとleftの部分の数字は動かした分だけ数字を大きくします。

また、/* 各エントリーの文字のリンク色 */部分の
.blogbody a:hover 部分にも
同じように足しておきました。

追記：1月13日（木）
ＣＳＳ記述をちょっと変更（上記）。
こうしたら、▼の変な動作もしなくなりましたｖ
リンクも強調されたかな？（自己満足なり）

でも、こうしたことでちょっと問題が・・・

こんな風に、カーソルが近づくと
サイドバータイトルの▼の部分が・・・・orz

このCSSは使えないか！？（苦笑）

この、１０件というのは自由に変えられます。指定しない場合は全リストの表示となります。

<div class="sidetitle">This Category's Recent Entries</div>
<div class ="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>

この赤い字の部分が表示件数指定ですね。
また、私のようにカテゴリ名を表示させたい場合は
青い字の部分を

"<$MTArchiveTitle$>"の最新記事１０件

などとします。

ブログ管理画面→テンプレート→スタイルシート

を選びます。

「このテンプレートにリンクするファイル」
空欄だったこの欄に
出力ファイル名と同じものを入れます。

再構築オプションのチェックは外します。

これで保存して完成だそうです。

めっちゃ簡単ですね！？
なんでもっと早くやっておかなかったんだろう・・・・orz

ブログ管理画面からテンプレート→スタイルシートを選んで編集画面へ。

これはコメントのホップアップウィンドウの画面ですがトラックバック画面と共通らしいです。

Ａの部分は、スタイルシートの下の方にある、この赤い部分。

#banner-commentspop {
z-index: 1;
color:#999999;
background:#bfefdf;
background-position:right top;
background-repeat:repeat-y;
background-repeat:no-repeat;
background-image: url("画像を置くURl/ファイル名.gif");
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
text-align: left;
border: 1px solid #666699;
}

Ｂの部分はココの赤い部分。

#content-commentspop h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight:none;
color: #ffffff;
background: #20b2aa;
background-position:left;
background-repeat:no-repeat;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
margin-top:6px;
margin-bottom:15px;
}

↑の色はうちの色になっています。
お好みで変更しましょう！
また、タイトル部分（Ａ）なら、青い部分のＵＲＬ挿入箇所に画像ＵＲＬを入れてみてもグットな感じですね♪

最後になりましたが、小粋空間様には
私がＭＴを始めてからというもの
いろんなカスタマイズにおいて
大変お世話になりました。

また、来年も
よろしくお願いいたしますです！
<(_ _)>

いじるファイルは、style.cssです。

これは、mt.cfgにて「StaticWebPath」を設定していない方はmt.cgiと同じ場所に、
また、設定されている方は「StaticWebPath」にて設定した場所にあると思います。

いつも私はウィンドウをモニターいっぱいには広げて使っていませんでした。
でも、今回広げた幅に合わせて、ボタンの位置も右寄せにしたものですからそれなりにウィンドウの幅を広げて使わなきゃいけなくなっちゃいました；
でも、広々とした編集画面は結構リラックスできますね～♪

「SecretSchool.BLOG」様の方法は、元の幅より２００ｐｘ増やすやり方です。（ｐｘ数はお好みですねｖ）

元の編集画面はこんな感じ。そのスタイルシートは以下のようになってます。

.body-wrap {
width: 750px;
}
.body-nav {
float: left;
margin: 0px 0px 15px 15px;
width: 625px;
}
#edit-entry textarea.full-width {
width: 577px;
}
#edit-template textarea.wide {
width: 618px;
}

style.cssの上記の箇所の赤字の数字をそれぞれ200プラスします。

これをするとこんな感じになります。

ボタンなんかが元のままの位置ですね。
これらを右寄せにして、その他の微調整も行います。

#topnav-links {
position: absolute;
top: 20px;
left: 230px;
width: 520px;
text-transform: uppercase;
font-size: 10px;
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
color: #FFF;
letter-spacing: .1em;
}

上記は、画面ユーザー名の部分らしいです。
赤字の部分を200プラスすれば、右寄せになります。

#edit-entry .field-header {
width: 580px;
height: 18px;
position: relative;
}

上記の部分が、ボタンの位置らしいです。
赤字の部分を200プラスして、右寄せになります。

#edit-entry #trackback-box {
margin-left: 400px;
width: 190px;
padding: 10px;
}

上記の部分は編集画面下のトラックバックの欄らしいです。
赤字の部分を200プラスして、広～く変身！

そして、最後に↑の写真の赤く囲ったところ。
エントリーを保存後に表示される「コメントの管理」と「トラックバックの設定」の部分。

こんな感じで幅が狭いままですね。
これも、同様に広げちゃうんだってｖ

「コメントの管理」がコレ。

#edit-entry #manage-comments {
float: left;
width: 300px;
border-right: 1px solid #C3CFDB;
padding-right: 10px;
}

「トラックバックの設定」がコレ。

#edit-entry #manage-trackbacks {
width: 300px;
margin-left: 320px;
}

赤字の数字をそれぞれ100プラスします。

するとこんな風に横幅が揃うわけですねー。

ちなみに、編集画面の縦幅を変えたい時は、こんな風にすればいいのですよ！

「SecretSchool.BLOG」様：「MTの編集画面を広くする」