MovableType: 2007年11月アーカイブ
先のエントリーにて、ソース表示に用いている blockquote タグのCSSを修正した件について書いたが、今度はソースの一覧性・視認性に問題があるような気がして、サポート用のスクリプト（JavaScript）を追加してみた。
var btnWrite = "<input type=\"button\" onclick=\"selwin(this);\" value=\"copy用ウィンドウ\"><p> </p>";
var t;
var s;
function selwin(o){
var p = o.parentNode;
var c = p.childNodes;
for(i=0;c.length>i;i++){
if(c[i].tagName){
if(c[i].tagName == "BLOCKQUOTE"){
t = c[i].innerHTML;
s = window.open('','s','width=400,height=400,menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes');
setTimeout("wr();",1000);
}
}
}
}
function wr(){
if(!window.s.closed){
window.s.document.body.innerHTML = t;
window.s.document.title="コピー用ウィンドウ";
}
}
function wb(){
document.write(btnWrite);
}
以前に問題となっていた blockquoteタグについて、CSSを修正してみた。
blockquote p{
background-color: #f0f0f0;
width: 300px;
height: 8em;
padding: 8px;
overflow: auto;
line-height: 160%;
font-family: monospace;
white-space: nowrap;
}
blockquote p:after{
width: 300px;
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html blockquote p{
height: 8em;
overflow: scroll;
}
/**/
MT4になってから、スタイル設定が簡単に選択できるようになっている。
設定ファイルは、/mt-static/support/themes/ 配下にあり、その中に独自作成のテーマ（スタイルセット）を入れておくだけで、簡単にスタイルが選択できるようになる、というもの。
先日、とある設定を作成し、スタイル選択画面から確認するも、名称は正しく見えているのに画像が旧タイプのまま。
･･･?!
よくよくセットの中を見ると、thumbnail-large.gif とthumbnail.gif というファイルがある。
なんのことはない、スタイルセットの中にサムネイル用画像を作って入れておくだけだった。
そうだよね～。いくらMTが優れものでも、CSS定義ファイルと背景などの画像セットだけで、ブラウザ表示状態をシミュレートして画面レンダリングしてくれる訳は無いよな。
ということで一件落着でした。
写真付きのエントリーの場合だけ、袖メニューに表示したい。
そういう用途で作ってみた。
いちおうテストしているけど、大丈夫、かな？
<MTIfNonZero tag="AssetCount">
<div class="widget">
<h3 class="widget-header">Photo Entry</h3>
<div class="widget-content">
<MTEntries lastn="10">
<MTEntryAssets type="image" lastn="1">
<MTAssetsHeader><ul class="widget-list"></MTAssetsHeader>
<li class="widget-list-item">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>"><img src="<$MTAssetThumbnailURL width="70"$>" class="asset-img-thumb" alt="<$MTAssetLabel$>" /></a></li>
<MTAssetsFooter></ul></MTAssetsFooter>
</MTEntryAssets>
</MTEntries>
</div>
</div>
</MTIfNonZero>
とりあえず、最新10件のエントリーまでのうち、写真付じゃないエントリーは無視して、写真付きのものだけ表示するようになっている・・・はず。(^^
テストです。
おぉ？
編集画面のテキストエリアから画像がはみ出ている・・・(^^;
