Ramdom Entry Pickup
- iPodへの音声変換は「LAME」がお勧め！ (2006年05月14日)
- ホテルからの「いいわけ」の手紙 (2005年12月19日)
- 1周年 (2006年10月02日)
- 出雲弁はすごいよ！ (2005年03月24日)
- ココロの傷跡（ブライダルという名の苦悩）-詳細編 (2005年12月29日)
« 【「Bフレッツ」NTT東が100万契約突破】 | メイン | MovableType 3.17日本語版 6月9日提供開始 »
エントリー画面での「div」挿入
完全自動で収益100倍アフィリエイト！MT4（ムーバブルタイプ４）対応版!!
Category : [ MovableType ]
June 4, 2005 1:34
TAG : [Customize,Entry,Image,MovableType,Template]
Permalink
June 4, 2005 1:34
TAG : [Customize,Entry,Image,MovableType,Template]
Permalink
前回に引き続き、またもや、安直カスタマイズネタです（笑）
今度は、エントリー画面で、
<div id="***"></div>
を入れるカスタマイズです。
これはスタイルシートでのデザインを考慮したものです。
まず、「mt.js」の編集です。
以下のコードを挿入してください。
「mt.js」
function insertDiv (e) {
if (!canFormat) return;
var str = getSelection(e);
if (!str) return;
var my_div = prompt('div id=','');
setSelection(e, '<div id="' + my_div + '">'
+ str + '</div>');
return false;
}
次に、tmpl/cms/edit_entry.tmplに以下を追加。
tmpl/cms/edit_entry.tmpl
write('<a title="<MT_TRANS phrase="Insert Div">"
href="#" onclick="return insertDivｔ(document.entry_form.text)">
<img src="<TMPL_VAR NAME=STATIC_URI>images/html-div.gif"
alt="<MT_TRANS phrase="Insert Div">" width="22"
height="16" /></a>');
そして、下記のような画像をimagesにアップします。
↓こちらのボタン画像はご自由にお使いください。
文字列を選択し、ボタンを押すと、下のようなプロンプトが出てきますので、
スタイルシートのID名を入力してください。
すると、
<div id="kyodai">あ</div>
のようなタグが挿入されます。
そこで、スタイルシートテンプレートに、
#kyodai {
font-size: xx-large;
font-weight: bold;
}
のような記述をしてください。
<div class="***"></div>
のようなクラスでの指定が良い場合もあるあもしれませんが、
今回はIDで。。。。
以上、安直カスタマイズ・ネタでした（＾＾；）
----------------------------------------------------
2005/06/24
MTのバージョンが3.17になり、ファンクション名が変わっています。
こちらを必ず参照してください。
スタイルシートによるレイアウトデザイン見本帖
posted with amazlet at 05.06.04
大藤 幹 松原 慶太 押本 祐二
翔泳社 (2005/05/10)
売り上げランキング: 5,189
This item is currently not available.
翔泳社 (2005/05/10)
売り上げランキング: 5,189
This item is currently not available.
HTML&スタイルシートレイアウトブック―「脱!フレーム&テーブル」で「最新・標準」レイアウトにリメイク!
posted with amazlet at 05.06.04
外間 かおり
ソーテック社 (2005/04)
売り上げランキング: 43,291
This item is currently not available.
ソーテック社 (2005/04)
売り上げランキング: 43,291
This item is currently not available.
ソーシャルブックマーク
||
|
|
|
|
|
|
|
|
|
|
|
|
このエントリーと関連性が高いと思われるエントリー
このエントリーに関連するかもしれない商品
おすすめ商品
Link Information
Link HTML:
トラックバックURL:
Trackbacks
» mt.jsのfunction名が変わっている（MT3.17） from
Project MultiBurst
MTを3.17にアップグレードしたのですが、 以前やったカスタマイズのうち、 ・... [Read More]
» エントリー画面のカスタマイズ from
Tea Time Lover
これは以前からやりたかったんですよね。エントリー画面のカスタマイズ。何せ面倒でね... [Read More]
