« 2007年01月21日 - 2007年01月27日 | メイン | 2007年07月08日 - 2007年07月14日 »

2007年02月04日 - 2007年02月10日 アーカイブ

2007年02月06日

エントリーの編集画面を横に長くする-Movable Type3.3編

 Movable Typeのエントリー画面を横に伸ばす方法です。

小粋空間さん:Movable Type の編集画面を横にひろげる

こちらを参考にしました。小粋空間さんの方法はMovable Type3.3だと少しだけ違いますね。

編集領域を200px広げる方法です。-->○○px 太字の箇所の数字に直してください。

↓編集箇所
(Movable Typeフォルダ)/mt-static/styles.css

24行目
-------------------------------------------
.body-wrap {
width: 750px; --> 950px;
}
-------------------------------------------


32行目
-------------------------------------------
.body-nav {
float: left;
margin: 0 0 15px 15px;
width: 625px; --> 825px;
}
-------------------------------------------

1663行目
-------------------------------------------
#edit-template input.wide,
#edit-category input.wide {
width: 300px; --> 500px;
}
-------------------------------------------

1668行目
-------------------------------------------
#edit-template textarea.wide,
#edit-category textarea.wide {
width: 618px; --> 818px;
margin: 0;
}
-------------------------------------------


2141行目
-------------------------------------------

#edit-entry .field-wrapper,
#edit-template .field-wrapper {
width: 573px; --> 773px;
border: 1px solid #8FAEBE;
padding: 9px;
background-color: #EAF2FF;
}
-------------------------------------------


2177行目
-------------------------------------------
#edit-entry .textarea-wrapper textarea#text { width: 571px; } --> 771px;
#edit-entry .textarea-wrapper textarea#text_more { width: 571px; } --> 771px;
#edit-entry .textarea-wrapper textarea#excerpt { width: 591px; height: 66px; } --> 791px;
#edit-entry .textarea-wrapper textarea#keywords { width: 591px; height: 34px; } --> 791px;
#edit-entry .textarea-wrapper input#tags { width: 591px; } --> 791px;
#edit-template .textarea-wrapper textarea#text { width: 603px; } --> 803px;
-------------------------------------------

2007年02月09日

画像を同一ウィンドウにオーバーレイして表示する

p32afsas.jpg
 最近流行っている画像の表示方法ありますよね、同一ウィンドウで背景が黒くなって画像だけポップアップされる奴です。

 私も前々から「カッコいいなぁ~欲しいなぁ~このFLASH。」と思っていましたが・・・・全然FLASHじゃないですね!Javascript。しかも公開してました!!

名前はLightbox

色々なブログで実現方法を紹介していますが、私のお気に入りカスタマイズを紹介します。


Lightbox Plus

追加機能
* ウィンドウサイズよりも大きな画像を表示した際に、画像の拡大ができます。
* 表示画像のサイズと表示位置がリアルタイムでウィンドウサイズに追従します。
* 効果画像を貼付けることができます。
* マウスホイールで画像の拡大率を変更することができます。
* 拡大した画像はマウスでドラッグできます。

更にカスタム
Lightbox Plus で画像を同一画面にオーバーレイして表示

Lightbox Plus を更に Hack 。ようは、アンカータグ(a href=ってやつのこと)の href 属性が画像であれば、lightbox が機能すればいいんだよね。

Lightboxの一番の弱点「rel="lightbox"」を付加しなくても画像にリンクを貼るだけでいいんです♪

こだわった引用をする bookmarklet - XHTML対応

 皆さん、引用はどの様にしていますか?ブラウザからコピペしてタグ付けして・・・って古いですよ!

 今日からブックマークレットを使って一発で引用しちゃいましょう。

ブックマークレット(Bookmarklet)という言葉を聞いたことがあるだろうか。これは、ブックマークにURLを登録する代わりに、短いJavaScriptを登録して、ブラウザにいろいろな機能を追加する特殊なブックマークだ。

ITmedia Biz.ID:キミはブックマークレットを知っているか? から引用

 これも一発でブックマークレtトしました。詳しい方法は引用元のページを見てください。あー便利すぎ!

About 2007年02月

2007年02月にブログ「河口湖wiki」に投稿されたすべてのエントリです。新しい順に並んでいます。

前のアーカイブは2007年01月21日 - 2007年01月27日です。

次のアーカイブは2007年07月08日 - 2007年07月14日です。

他にも多くのエントリがあります。メインページアーカイブページも見てください。

Powered by
Movable Type