きままにポロポロ: January 2004 Archives

ちょっといいお話
大手テキストサイトLogicParadiseさまからのお話。
すっかりダラダラなお気楽お留守番主婦な私にとっては　いいお話っていうより、痛いお話です＾＾；；

Posted by Akihi | Comments & Trackback (5) | Clip!!

耳が痛い、ならぬ目が痛いサイトさまです＾＾；
本サイトのほうでテーブル使いまくりな私・・・。
フレームも使いまくり。。。。
すみません（＞＜）
このMovavleTypeのBlogを使うようになって、ちょっとはテーブルを使わずにデザインするコツを覚えましたけど・・・・、やっぱりテーブルの方が視覚的にデザインしやすいんですよね＾＾；
画像のAlt属性くらいは入れるようにしよう。。。。

マウスを使わないキーボードテクニック
コピー　　CTRL+C
ペースト　CTRL+V
切り取り　CTRL+X
元に戻す CTRL+Z
保存　　　CTRL+S
くらいは使ってましたけど、意外とたくさんキーボードテクニックってあるものなんですね～。

今までに何度か紹介したことのあるサイトさま。
いや～、耳・・・じゃないわ目が痛いです＾＾；

Posted by Akihi | Comments & Trackback (0) | Clip!!

ときどきまったりと遊びに行っているShockwabe向上委員会さま。
「意味字ver5」
が公開されたようです。
「音音（ねおん）」と
「意味字ver4」
もやっぱり好きです＾＾*

「QuickTime Movie Trailers」
QuickTime頑張ってますね。
読み込みがちょっと遅いのが難点かな。。。。
でもロードオブザリングの予告編は待ってでも見る価値あり♪
できたらフル画面で見るのをオススメします。　とってもとっても綺麗。

これも動画っていうのかな？
漫画をウェブで見る新しい形＝オンラインウェブコミック。
「いちごおおかみ」
は画面をクリックする必要がありません。
ぼ～っと見てるだけで素朴な絵本の世界に入っていきます。

Posted by Akihi | Comments & Trackback (0) | Clip!!

Blog設定覚え書き

Sukesam blog
月間移動可能なMovableTypeのカレンダー

こちらのサイトさまを参考に、月めくりのできるカレンダーにしてみました。
具体的な流れとしては
１）新しいテンプレートを作る
２）アーカイブの設定でMonthlyアーカイブを追加する
３）MainIndexからカレンダーをiframeで貼り付ける
の３ステップです。

【続きを読む.... ≫】

具体的な方法を忘れないうちにメモメモ。
１）まずは新しいテンプレートを作る。
　「Templateの編集」
　→「新しいアーカイブ・テンプレートを作る」
　→「テンプレートの名前」を「Calendar」（任意）にする
　→テンプレートの中身に以下を書く
（注；以下の記述はarchivesディレクトリにcalendarフォルダを作ってその中に年ごとのカレンダーを作るようにしています。カレンダーのファイル名は2002/02/index.phpみたいな感じになります。）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1./ Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" /><title><$MTBlogName$></title>
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>

</head>
<body>

<div align="center" class="calendar">
<table table width="160" border="0" cellspacing="4" cellpadding="0" summary="Monthly calendar with links to each day's posts">

<caption class="calendarhead">
<MTArchivePrevious>
<a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.php"> ≪</a>
</MTArchivePrevious>

<$MTArchiveDate format="%B %Y"$>

<MTArchiveNext>
<a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.php"> ≫</a>
</MTArchiveNext>
</caption>

<tr height="20">
<th abbr="Sunday" align="center"><span class="calendar">Su</span></th>
<th abbr="Monday" align="center"><span class="calendar">Mo</span></th>
<th abbr="Tuesday" align="center"><span class="calendar">Tu</span></th>
<th abbr="Wednesday" align="center"><span class="calendar">We</span></th>
<th abbr="Thursday" align="center"><span class="calendar">Th</span></th>
<th abbr="Friday" align="center"><span class="calendar">Fr</span></th>
<th abbr="Saturday" align="center"><span class="calendar">Sa</span></th>
</tr>

<MTCalendar month="this">
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td align="center"><span class="calendar">
<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="[<$MTEntryTitle$>]" target="_top">
<$MTCalendarDay$></a>
</MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
<MTCalendarIfBlank> </MTCalendarIfBlank></span></td>

<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>

</body>
</html>

これで保存する。

２）「BLOGの設定」
　→「アーカイブの設定」
　→「新しく追加」
　→「アーカイブの種類」をMonthlyに
　→その下にある「テンプレート」を先ほど作った”Calendar”にして保存
　→MonthlyテンプレートのところにCalendarが追加されているのを確認
　→その右横の”アーカイブ・ファイルのテンプレート ”の部分に出力されるカレンダーのファイルパスを次のように記入

<$MTArchiveDate format="calendar/%Y/%m/index.php"$>

Calendar左横のラジオボタンは触らないこと。MonthlyのテンプレートはDate-Based Archiveのままにしておく。

３）MainIndexのカレンダーを貼り付けたい任意の部分に

<div align="center" class="side">
<iframe name="cal-iframe" src="<MTBlogURL>archives/calendar/<MTDate format="%Y/%m/index">.php" width="160" height="120"scrolling="NO" frameborder="0" marginwidth="0" marginheight="0"></iframe>
</div>

を挿入する。
width="160" height="120"はレイアウトにあわせて自由に変更する。

あとはサイトのリビルドで完了。
sukesamさま、有用なソースの公開ありがとうございました＾＾*
---------------------------------------------------------------

ちなみに私はArchiveYearというプラグインも入れてみたのですが、どうやら今回は使う必要はなかったみたいです＾＾；　「ArchiveYear」は、一年分のカレンダーや記事を一ページにまるごと表示させて年ごとの移動をしたい場合には便利です。
またChitatopopsさまのように　年ごとのアーカイブとしてカレンダー機能を使うのも便利。
私もいつかお世話になるかもです。

今回のカレンダーで感じたこと。
カレンダー間を移動できるのはいんですけど、過去の日付をクリックしたときに、移動した先で今月のカレンダーに戻ってしまうのがちょっと不便。
（うちはDate-Based Archiveにも月めくりカレンダーを貼り付けてるため）
過去のエントリーでは、そのエントリーと同じ月が表示されたらいいな～。
MTCalendar month="this"を変更すればなんとかなりそうな気がします。。。

【≪ ..続きを隠す】

Posted by Akihi | Comments & Trackback (22) | Clip!!

しろちゃん

最近まで病気だったあかちゃん

【続きを読む.... ≫】

Posted by Akihi | Comments & Trackback (0) | Clip!!

久々のロイちゃん。
最近逆さまになってることが多いです。

【続きを読む.... ≫】

最近といえば、この頃Blogの設定をいじることにはまり気味です＾＾；
リンクを辿り辿っていくうちに、元は何を探してたんだか分からなくなることがしばしば。
そのくらい、行く先々で興味深い内容が抱負だし、皆さんデザインに凝ってらっしゃるんですよねぇ。。
私なんかついていくのがやっと、っていうか、まだ良く分からない用語がたくさんです＾＾；
Blog（Movable Type）を使ってる方っていうのはやっぱりある程度知識がある人が多いのかな。

国内、国外問わず、いろんなところで有用なソースをフリーで公開してくださるところが多くて、とっても助かってます。
お絵描き掲示板のしぃちゃんやいろんな種類のフリーCGIもそうですけど、皆さん太っ腹ですよね～。
こうやって世界のレベルが底上げされてくのかな、なんて思いつつ・・・・今日もこっそり恩恵にあずかってます(＾＾*　ふっふっふ。

Blogの設定をいじるのと同時に、以前のEnpitu日記の過去ログをぼちぼちとこっちに移動させてます。
いきなり古い日付を追加しまくってますけど、こういう使い方ってOKなのかな＾＾；
案外量が多くて、コピペするにしてもちょっと時間がかかりそうです。。。。
そのうちデータベース化やphp化ができたらいいな～。

・・・・なぁんてBlogをいじっている一方で、体調もしっかり崩してます＾＾；
もぅ３日もずっと下しっぱなしで。。。。。
元々、寒さに弱いんですよね～。
部屋が暖かいのに足元だけ冷えるとか、腰だけ冷えるとか、変な冷え方をすると途端にお腹が痛くなります＾＾；
季節に関係なく、夏でもエアコンの部屋で肩が冷えたりすると、すぐお腹を下しまうし(-"-;)
全身が思いっきり暑いとか、すごく寒かったりすれば平気なんですけど、びみょ～～に暑いんだか寒いんだか分からないのがヤバイ。
身体もどっちなのか分からないと困っちゃうんでしょうね＾＾；
まる３日も下してると、さすがに消耗しちゃって。
腹の底から力がはいりません～～～～～。
冬のネットは風邪の元。　
皆さんも気をつけてくださいね～～～＾＾；

【≪ ..続きを隠す】

Posted by Akihi | Comments & Trackback (2) | Clip!!

Blog設定覚え書き

Collect Pluginはエントリー中の特定のタグ内容を抽出するもので、 <blockquote>タグや<a>タグ、<img>タグなどを引っ張ってくることで、脚注に文章中で引用したリンクの一覧を表示させたり、画面横に最近投稿された画像のサムネイル一覧なんかを作成することができます。

今Indexの右上でも使っているMTPhotoGalleryは特定のフォルダからランダムに１画像だけを抽出してくれますが、その画像が使われた文章には直接リンクできず”Search”を使って無理やりリンクさせる形をとっています。
でもやっぱり個別に画像つき文章にリンクしてくれた方が嬉しいので、今回のCollect Pluginを使って両者のいいとこどりみたいなことができたらいいな～って思っていじってみました。

・・・・が、結局思い通りにできず＾＾；
Collect Pluginの方は、sort_order="random"が使えず、１画像（あるいは指定画像数）だけ表示するっていうのがムリみたいです。
でも、最近のサムネイル画像なんかをTopにまとめて列挙したい場合にはとってもオススメです。
一応、うちもトップページに使ってみました。

詳しい導入方法はbird.dip.jp /Collect Plugin さまで。

Posted by Akihi | Comments & Trackback (0) | Clip!!

TYPEflake
入力した文字が雪の結晶になるグリーティングサービスです。
AtticAkihiと入力してみました＾＾；

Posted by Akihi | Comments & Trackback (5) | Clip!!

Blog設定覚え書き。

なかよしこよしさま経由で知った便利なTips.

G O I N G M A M E W A Y
追記部分とコメントTIPS

「続きを読む」以下が別ページリンクでなく折りたたみ式になるというものです。
G O I N G M A M E W A Yさまから辿り辿ってこのスクリプトの出所サイトさままで行ってみたところ、2004年１月６日にバージョンアップされたソースが公開されてたので、私はそちらを採用してみました。
以下覚え書き。

【続きを読む.... ≫】

オレンジ色の部分が、上記サイトさまにあるスクリプトソースから変更があった部分。
JavaScript部分

<script type="text/javascript">

function showHide(entryID, entryLink, htmlObj, type) {
if (type == "comments") {
extTextDivID = ('comText' + (entryID));
extLinkDivID = ('comLink' + (entryID));
} else {
extTextDivID = ('extText' + (entryID));
extLinkDivID = ('extLink' + (entryID));
}
if( document.getElementById ) {
if( document.getElementById(extTextDivID).style.display ) {
if( entryLink != 0 ) {
document.getElementById(extTextDivID).style.display = "block";
document.getElementById(extLinkDivID).style.display = "none";
htmlObj.blur();
} else {
document.getElementById(extTextDivID).style.display = "none";
document.getElementById(extLinkDivID).style.display = "block";
}
} else {
location.href = entryLink;
return true;
}
} else {
location.href = entryLink;
return true;
}
}
</script>

MainIndex等の追記部分

<MTEntryIfExtended>
<div id="extLink<$MTEntryID$>">
<a href="<$MTEntryPermalink$>" name="ext<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,'<$MTEntryPermalink$>',this,'entry');return false;">Read More... ≫</a>
</div>
<div id="extText<$MTEntryID$>" style="display: none">
<$MTEntryMore$>
<a href="#ext<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,0,this,'entry');return true;">« All done!</a>
</div>
</MTEntryIfExtended>

該当部分にまるごとコピペすればOK

また、私はやっていませんが、コメントも隠したり表示したりしたい場合は、以下のように
"ext" を "com"に変えて Individualテンプレートの
<MTEntryIfAllowComments>
から
</MTEntryIfAllowComments>
の間を書き換えればいいようです。

<MTEntryIfAllowComments>
<div id="comLink<$MTEntryID$>">
<a href="<$MTEntryPermalink$>" name="com<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,'<$MTEntryPermalink$>',this,'comments');return false;">Show Comments (<$MTEntryCommentCount$>)</a> | <a href="<$MTEntryPermalink$>#comments">Add your comment</a>
</div>
<div id="comText<$MTEntryID$>" style="display: none">
<a href="#com<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,0,this,'comments');return true;">Hide Comments</a>
| <a href="<$MTEntryPermalink$>#comments">Add your comment</a>
<MTComments>
<$MTCommentBody$>
<p>Posted by <$MTCommentAuthorLink show_email="0"$> at <$MTCommentDate$></p><br>
</MTComments>
<a href="#com<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,0,this,'comments');return true;">Hide Comments</a> | <a href="<$MTEntryPermalink$>#comments">Add your comment</a>
</div>
</MTEntryIfAllowComments>

一応私もこのコメント部分の動作を確認してみたんですが、このままではコメントを投稿する「Add your comment」の部分が正常に動かなかったので、以下のように修正してみました。

<MTEntryIfAllowComments>
<div class="posted" id="comLink<$MTEntryID$>">
<a href="<$MTEntryPermalink$>" name="com<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,'<$MTEntryPermalink$>',this,'comments');return false;">Comments read & write(<$MTEntryCommentCount$>)</a>
</div>
<div class="posted" id="comText<$MTEntryID$>" style="display: none">
<a href="#com<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,0,this,'comments');return true;">Hide Comments</a>

<MTComments>
<a name="<$MTCommentID$>"></a>
<div class="comments-body">
<$MTCommentBody$>
<span class="comments-post">Posted by: <$MTCommentAuthorLink spam_protect="1"$> at <$MTCommentDate$></span>
</div>
</MTComments>
<MTEntryIfCommentsOpen>
<div class="comments-head">Post a comment</div>
<div class="comments-body">
<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)">
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="<$MTEntryID$>" />
<div style="width:180px; padding-right:15px; margin-right:15px; float:left; text-align:left; border-right:1px dotted #bbb;">
<label for="author">Name:</label><br />
<input tabindex="1" id="author" name="author" /><br /><br />
<label for="email">Email Address:</label><br />
<input tabindex="2" id="email" name="email" /><br /><br />
<label for="url">URL:</label><br />
<input tabindex="3" id="url" name="url" /><br /><br />
</div>
Remember personal info?<br />
<input type="radio" id="bakecookie" name="bakecookie" /><label for="bakecookie">Yes</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">No</label><br style="clear: both;" />
<label for="text">Comments:</label><br />
<textarea tabindex="4" id="text" name="text" rows="10" cols="50"></textarea><br /><br />
<input type="submit" name="preview" value=" Preview " />
<input style="font-weight: bold;" type="submit" name="post" value=" Post " /><br /><br />
</form>
<script type="text/javascript" language="javascript">

</script>
</div>
</MTEntryIfCommentsOpen>
<div class="posted">
<a href="#com<$MTEntryID pad="1"$>" onclick="showHide(<$MTEntryID$>,0,this,'comments');return true;">Hide Comments</a>
</div>
</MTEntryIfAllowComments>

これで普通にIndividualテンプレートにあったコメントフォームが出たり隠れたりするはずです。

【≪ ..続きを隠す】

Posted by Akihi | Comments & Trackback (21) | Clip!!

最近頻繁に500エラーがでて困っていたこのblog。
どうやら立ち上げ早々に、どっかのファイルが壊れてしまっていたようです。
どのファイルが悪さをしているのか一つずつ調べるのもめんどいので、この際だから、と一からまた全部設定しなおすことにしました。
（どっちかっていうと、設定しなおす方がめんどいという話も。。。。(-"-;)）

【続きを読む.... ≫】

ものはついで。
ただで設定しなおすのもシャクなので、MovableTypeをバージョンアップして、文字コードをEUC-JPからUTF-8に変更、テーブル使いまくりだったデザインから苦手なdivメイン型のデザインに直す事にしました。
昨日一日かけても終わらなかったんですが、今日やっとなんとか全部設定が終わりました＾＾*
見た目には全然変らないんですけどね～、この変らない状態にまで戻すのが大変でした＾＾；
今まで文字とかスクロールバーの指定ぐらいにしか使ってなかったスタイルシートですけど、ちょっとだけスタイルシートに詳しくなったかも。。。
メインに使ったのはdivの位置指定。
{position:static;}や{position:absolute;}です。
これがあるとテーブルを使わなくても結構いけるものなんですね＾＾；

で、最後の最後にマックだとどう見えているのかを調べてみました。
iCapture
ここのサイトで調べたいサイトのURLを入れると、マックをもっていなくてもマックでどう見えるかチェックできるんですね～。
なぁんて便利なサイトさま。

昨日はIEで元通りに綺麗に表示されるようになった後、最後の最後にここでチェックしてみたら右側のメニューが真中に表示されてて思いっきりデザインが崩れていることが分かりました＾＾；
ショックの余り、そのまま寝ちゃったんですけど、今日はそれをチマチマと修正。
多分ちゃんと見えるようになったと思うんですけど、どうでしょうか＾＾；

今回はMovableTypeを単にバージョンアップするのではなくて、一から別途設定しなおしたのでログの移行ができませんでした。
もしかしたらうまく移行できる方法があったのかもですけど、まだログも少ない段階だったので、まいっか～～～と地道にコピペ移動しました＾＾；
もし今度ログの多い段階でエラー頻発再設定、ということになったら・・・・・・・
・・・あんまり考えないことにしよう(-"-;)

ふっふっふ。
もぅサイトの丸ごと再構築してもエラーがでない～♪
よかったよかった＾＾*

【≪ ..続きを隠す】

Posted by Akihi | Comments & Trackback (6) | Clip!!

きままにポロポロ

ちょっといいお話

お勉強になるサイト

動画サイト　-Animation

月めくりカレンダー

アーマードな二人

つれづれ

Collect Plugin

TYPEflake

折りたたみ式文章

blogたてなおしとiCapture

きままにポロポロ

ちょっといいお話

お勉強になるサイト

動画サイト -Animation

月めくりカレンダー

アーマードな二人

つれづれ

Collect Plugin

TYPEflake

折りたたみ式文章

blogたてなおしとiCapture

動画サイト　-Animation