![]()
やっと3.2仕様のテンプレートが完成したかな、と思っているのですけど、まだ私の中に「欲」みたいなものが残っているようで、せっかくだからもっとオリジナルを目指したい、なんて思ってます。サイドバーが長いと下の方にあるいろんなものが見えにくいので3カラムにするのも手かな、と思ったり。3カラムにしたら両脇の背景は邪魔だろうか、とか、いろいろ悩みます。いじくり回していると、せっかく「それなりに」ではあってもまとまっている(?)デザインがガタガタになるかもしれないので、せめて記念写真を撮りました。
「持てる者の悩み」なんてのは無縁かと思ったのだけど、こういうのも楽しいかも。
別館にも、今までやってきた事の「まとめ」を書いておかなくちゃと思いながら、やっぱり「時間が足りない」病で後回しにしてるうちに忘れそうだったり。
今年も残り35時間くらいになっちゃったので、来年の抱負としておきます。
PC・MT等: 2005年12月アーカイブ
いろいろ具合の悪いところがあっても目を瞑ってやってきた「今日はいい日」だったけれど、やっと3.2仕様に戻す事が出来ました。
このブログでの試行錯誤の結果です。SixApartで用意してくれているデザインは豊富だし、どれも少なくとも私のほとんどないセンスで作るようなものよりずっと優れているのだけれど、そこにちょっとだけでも、オリジナルの要素も加えてみたいというのが欲。自分では欲深い人間ではないと思っているのだけれど、案外そうでもなかったみたい。
とりあえずはせっかく設定した「タイトルにカテゴリー」アイコン、というのも復活させたいと思っています。
MovableTypeが3.2になった時から始めたブログなのだから、3.2仕様をそのまま素直に使えば良かったのに、デフォルトの素っ気ないデザインに「これじゃイヤだ」と思ってしまったのが運の尽き。自力でデザイン変更など出来るはずもないから、無料配布の旧バージョン仕様のテンプレートを利用して、それをあちこちいじくり回したものだから、悲惨なことになっていました。
やっと3.2で用意されているStyleCatcher pluginが使える状態にまで戻す事ができました。細かい手直しはまだまだ残っています。例えば、メイン画面での文字サイズとか、先日せっかくゲットしたエントリーにカテゴリーアイコンを付加する事等々。
でも、ここまできたら、後はのんびりやっていこうと思います。これを書いたら、コメントのテストです。
日が当たるとパソコンの回りについた埃が目立って、外からも時々は掃除機で埃を吸い取っていたのだけれど、こんなに埃がつくのでは、きっと中も・・・なんてもうずっと前から気になっていました。
後ろの空気穴みたいなところとか、フロッピーやCD-ROMの出入り口、USBの差し込み口あたりにも埃がつくので、掃除機のブラシで吸い取ってました。
もう1ヶ月くらい前からファンの音が耳障りなんですよ。埃のせいかなぁ、なんて気もしてました。頼まれ仕事や年賀状の印刷も終わったので、箱を開ける良いチャンスかなぁと思って、さっきやってみました。せっかく箱を開けるのだったら、メモリーでも足してやろうか、とユザワ屋で編み棒買うついでもあったからラオックスにも寄りました。CD-Rやインクカートリッジ買うついでもあったので。
聞いたら512MB×2枚で2万3千円。無理すれば買えないこともないけど、ハングしたりする訳じゃないし、メモリーを足したからと言って、CPUの性能が変る訳じゃないから、画期的に快適マシンに変身する訳じゃないだろうと、土壇場で持ち前のケチ精神が出てしまった。
うちに帰ってパソコン、開けてみました。予め開け方は調べてあったのだけど、買ってから1年3ヶ月間、開けた事なんてなかったし、前のマシンもその前も、メモリーを足したりなんていう作業も全て夫任せだったから、パソコンの箱開けるのはこのマシンに限らず初体験でした。開いた時には「おぉっ!」って思わず口から出てしまった。今になっては「後の祭り」だけど、記念写真を撮っておけば良かったです。その時は写真撮るよゆうもなく作業してたんですよね。いつもそう。
中は案外埃が少なかったです。それでも回りにうっすらついていた埃は吸い取りました。もしもメモリーを買ったら、どこに差し込めば良いかも確認して元通りに閉じました。箱開ける前に外したケーブル類も元通りに差し込み直して電源入れたら、何事もなかったように起動してくれた(当たり前?)ので、一安心。
でも、気になる音は気のせいか、前より大きくなったみたい(^_^;)。ファンの音なんだろうなぁ。テレビがついてたりすると気にならないけど、一人でいる時は室内は無音だから、この音だけが目立つんですよね。気にしないでおこう、と思います。ホントは私、そういう事気にするような性格じゃなかった筈なんだし(^_^;)。
デフォルトではついていなかったカレンダーを表示させる事が出来た。いろいろあったのだけど、くたびれたので、説明は明日以降ということに。
ここでテンプレートを作り上げられたら「今日はいい日」をリニューアルできるのだけど。今年中に出来るだろうか。
あまりに完成度の高いSixApart提供のテンプレートなので、ろくなセンスも持ち合わせていない私がカスタマイズなんてすると、かえってオリジナルの素晴らしさをぶちこわしてしまう。でも、時あたかもクリスマス。ツリーの一つも飾ってみたいと思うのも、しかたのない事じゃございませんか。
それでトップバナーをクリスマス仕様に変えてみました。ちっちゃなツリーを一つだけですけど。それでも、ちょっと嬉しい自分へのクリスマスプレゼントになりました。
重複していた「リンク」部分を右サイドバーだけにして、3カラムのレイアウトも完成(?)が近くなりました。あとは中央のエントリー部分の表示幅。でも、これってメインインデックスじゃなくてスタイルシートを直さなくてはいけないんですよね。
ちょっと怖い。3.2のスタイルシートって、膨大な記述なんだもの。
でも、先輩たちのサイトを参考にさせて貰って、なんとか頑張ってみます。完成したら、その「見た目」で判断して2カラムに戻すか3カラムでいくか決めます。
それにしても、レイアウトを崩す鍵はタイトルに書いたように</div>。</div>は独立したタグではなくて、前に記述してある<div>タグとの組み合わせなのだけど、余計でも、不足してもデザインはがたがたになってしまいます。そしてまた、MovableTypeのテンプレートにはやたら多いんですよね。この</div>が。
Movable Type 4989さんのサイトを参考に、3カラムへの変更に挑戦してみました。勿論、今までの2カラムのセットはしっかりバックアップを保存して。
両方のメインインデックスを保存しておくと、いつでも2カラムにも3カラムにも変更出来ることになります。今はまだサイドバーの整理が出来てないので、両側に同じ内容が表示されているヒドイ状態ですが、これでも</DIV>の過不足のために表示が崩れる悲惨な状況をやっと乗り越えたばかりで、私としては「やったぁ」なのです。
テンプレートタグはいろいろあるけれど、一番シンプルかつ強敵なのは</DIV>たぐだと痛感しています。
←クリックすると拡大画像が表示されます。
そういう事を喜んではいけないけれど、SixApartの本家でさえ、こんなエラーメッセージが表示されました。私のブログと同じコメンターネームがなんちゃらというエラー。千絵さんが「きょうはいい日」のコメントでエラーが出る事を指摘して下さったので、Internet Explorerのオプションでスクリプトエラーを通知する設定にしておいたら、エラーの出るサイトがまぁ多い事(^_^;)。でも、SixApartで出るなんてちょっと意外でした。でも逆に元々あった不具合で、私のせいじゃない事が分かって安心しました。
そういう事ではあるけれど、指摘してくれた千絵さんのところではエラーメッセージが出ないんですよね。それも不思議。コメント確認の時の画面がちょっとヘンではあるけど(^_^;)。
同じ事書きますけど、完全無欠な人間が居ないのと同じくらい、完全無欠なサイト作りは難しいのかなぁ、と思うこの頃です。なので、私の作るサイトでエラーが出るのは当然なのです。開き直りじゃなく、これは「悟り」です。
「きょうはいい日」で、ここの存在をカミングアウトしました。デフォルトではついていなかったサイドバーのコメントとリンクの表示がまぁまぁうまく行ったので、先が明るく見えてきました。
カレンダーを付けた画面を保存しておくのを忘れましたね。カレンダーは付けられたけど、なんだかバランスが悪かったので、削除しました。なくてもちっとも困らないし、かえって「書かなかった日」が目立つからない方が良いし。
ということで、3.2のスタイルをあちらで使える日が早く来るように頑張りたいです。
実はhttp://blog.michiko-oota.com/ なんてところで、練習のためのブログを作りました。まだ昨日のことです。mt.cgiそのものは、ここと同じのを使っているのですけど、別サイト作るついでにサブドメインの設定もしました。サブドメインはおまけ。
で、いろいろ試行錯誤してみたら、3.2は3.2なりの使い方をするのが、一番楽という事が分かりかけています。Six Apart から提供されているStyleCatcher プラグインを使うと、模様替えがめちゃ簡単。今までみたいなテンプレートをコピー貼り付けしなくても、スタイルを選ぶだけです。
ただし、おかしなカスタマイズをしちゃうと、崩れてしまう。そこが難しいところでしょうか。でも、スタイルの種類も多いですし(前のバージョンは5つしかなかったけど)センスの乏しい私にはこれで十分という気がします。良かったらhttp://blog.michiko-oota.com/を見てやって下さい。
StyleCatcher プラグインのインストールをしたら、豊富なテンプレートから選べるようになった。cssが分からなくても、タグを全て理解していなくても、それなりの画面が作れる。
やり方さえ覚えれば、画面の変更は簡単になった。エラーも克服出来たのだろうか。
見た目のデザインはあくまでも後回しに、実質的な装備を。ということで、隠しカウンターを付けました。blogというサブドメインを設定し、そこにindex.htmlを置く事にしたら、事実上、並列のディレクトリであるcountディレクトリのcgiを読みにいってくれないので、新たにcountディレクトリをblogの下位に作りました。
わざわざテンプレートを貼り付けるほどの変更ではありませんが、一応。メインインデックスです。
![]()
テンプレートをデフォルトのまま何も変更してない段階でもエラーが出る事を確認。このエラーはコメントcgiに関するものらしい。とりあえず、これに関しては「私のせいじゃないわ」と言える事を確認して安心(していいのか?)。喜びさえ感じているのは間違っている?よねぇ(^_^;)。
Internet Explorerの詳細設定で「スクリプトのエラーごとに通知を表示する」にチェックを入れてるために、重箱の隅をつつくような事をブラウザが言ってくる訳だけど、このエラーメッセージは、かなり大きなサイトでもちょくちょく遭遇する。
この程度のエラーは気にしなくても良い、って事にしないとやってられないかも。だって、見ている人にはどうすることも出来ないエラーなんだから、基本的には無視するしかない訳だし。欠点のない人間が居ないと同様、完全無欠のサイトなどあり得ないのかも知れない。
ということで、まったりのんびり、そして私なりではあってもじっくりとMovableTypeとつき合っていきたいと思うのです。
![]()
MovableTypeをインストールし、基本設定を済ませた段階の画面です。このときのスタイルシートのテンプレートは
/* basic elements */
html
{
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}
body
{
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
}
form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
margin-top: 10px;
margin-bottom: 10px;
}
/* standard helper classes */
.clr
{
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
/* page layout */
body { text-align: center; } /* center on ie */
#container
{
position: relative;
margin: 0 auto; /* center on everything else */
width: 720px;
text-align: left;
}
#container-inner { position: static; width: auto; }
#banner { position: relative; }
#banner-inner { position: static; }
#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }
#alpha, #beta, #gamma, #delta
{
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}
#delta { float: right; }
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
position: static;
}
/* banner user/photo */
.banner-user
{
float: left;
overflow: hidden;
width: 64px;
margin: 0 15px 0 0;
border: 0;
padding: 0;
text-align: center;
}
.banner-user-photo
{
display: block;
margin: 0 0 2px 0;
border: 0;
padding: 0;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none !important;
}
.banner-user-photo img
{
width: 64px;
height: auto;
margin: 0;
border: 0;
padding: 0;
}
/* content */
.content-nav
{
margin: 10px;
text-align: center;
}
.date-header,
.entry-content
{
position: static;
clear: both;
}
.entry,
.trackbacks,
.comments,
.archive
{
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 20px;
}
.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
clear: both;
margin: 5px 10px;
}
.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
clear: both;
}
.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
clear: both;
margin: 5px 10px 20px 10px;
}
.comments-open label { display: block; }
#comment-author, #comment-email, #comment-url, #comment-text
{
width: 240px;
}
#comment-bake-cookie
{
margin-left: 0;
vertical-align: middle;
}
#comment-post
{
font-weight: bold;
}
img.image-full { width: 100%; }
.image-thumbnail
{
float: left;
width: 115px;
margin: 0 10px 10px 0;
}
.image-thumbnail img
{
width: 115px;
height: 115px;
margin: 0 0 2px 0;
}
/* modules */
.module
{
position: relative;
overflow: hidden;
width: 100%;
}
.module-content
{
position: relative;
margin: 5px 10px 20px 10px;
}
.module-list,
.archive-list
{
margin: 0;
padding: 0;
list-style: none;
}
.module-list-item
{
margin-top: 5px;
margin-bottom: 5px;
}
.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }
.module-calendar .module-content table
{
border-collapse: collapse;
}
.module-calendar .module-content th,
.module-calendar .module-content td
{
width: 14%;
text-align: center;
}
.typelist-thumbnailed { margin: 0 0 20px 0; }
.typelist-thumbnailed .module-list-item
{
display: block;
clear: both;
margin: 0;
}
/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */
.typelist-thumbnail
{
float: left;
min-width: 60px;
width: 60px;
/* no ie mac \*/width: auto;/* */
margin: 0 5px 0 0;
text-align: center;
vertical-align: middle;
}
.typelist-thumbnail img { margin: 5px; }
.module-galleries .typelist-thumbnail img { width: 50px; }
.typelist-description
{
margin: 0;
padding: 5px;
}
.module-featured-photo .module-content,
.module-photo .module-content
{
margin: 0;
}
.module-featured-photo img { width: 100%; }
.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
display: block;
height: 1%;
margin: 0;
border: 0;
padding: 0;
list-style: none;
}
/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */
.module-recent-photos .module-list-item
{
display: block;
float: left;
/* ie win fix \*/ height: 1%; /**/
margin: 0;
border: 0;
padding: 0;
}
.module-recent-photos .module-list-item a
{
display: block;
margin: 0;
border: 0;
padding: 0;
}
.module-recent-photos .module-list-item img
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
/* mmt calendar */
.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }
.module-mmt-calendar th { text-align: left; }
.module-mmt-calendar td
{
width: 14%;
height: 75px;
text-align: left;
vertical-align: top;
}
.day-photo
{
width: 54px;
height: 54px;
}
.day-photo a
{
display: block;
}
.day-photo a img
{
width: 50px;
height: 50px;
}
/* Vicksburg (theme-vicksburg.css) */
/* basic page elements */
body
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}
a { color: #36414d; text-decoration: underline; }
a:hover { color: #a3b8cc; }
#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }
.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }
h1, h2, h3, h4, h5, h6
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
border-left: 5px solid #36414d;
padding: 5px;
color: #fff;
background: #a3b8cc;
font-size: 11px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}
.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
color: #fff;
}
.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
font-size: 11px;
}
.commenter-profile img { vertical-align: middle; }
/* page layout */
body
{
min-width: 720px;
color: #333;
background: #36414d;
}
#container
{
width: 720px;
margin-bottom: 20px;
background: #fff;
}
#container-inner
{
border-width: 0 5px 5px 5px;
border-style: solid;
border-color: #292e33;
}
#banner
{
width: 710px; /* necessary for ie win */
background: #a3b8cc;
}
#banner-inner
{
padding: 15px 13px;
border-width: 2px 2px 0 2px;
border-style: solid;
border-color: #fff;
}
.banner-user
{
width: 70px;
margin-top: 5px;
font-size: 10px;
}
.banner-user-photo { border: 1px solid #fff; }
#banner-header
{
margin: 0;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
}
#banner-description
{
margin-top: 5px;
margin-bottom: 0;
color: #fff;
background: none;
font-size: 12px;
font-weight: bold;
line-height: 1.125;
text-shadow: #36414d 0 1px 2px;
}
#alpha { margin: 15px 15px 0 15px; width: 480px; }
#beta { width: 200px; background: #e6ecf2; }
#gamma, #delta { width: 180px; background: #e6ecf2; }
#beta-inner,
#gamma-inner,
#delta-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #fff;
}
.date-header
{
margin-top: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.entry-header
{
margin-top: 0;
border-left: 5px solid #dae0e6;
padding: 0 0 0 10px;
color: #666;
font-size: 18px;
}
.entry-content,
.comment-content,
.trackback-content
{
margin: 0;
line-height: 1.5;
}
.entry-footer,
.comment-footer,
.trackback-footer
{
margin: 0 0 20px 0;
border-top: 1px solid #dae0e6;
padding-top: 3px;
color: #666;
font-size: 10px;
text-align: right;
}
.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
margin-left: 10px;
}
.content-nav { margin-top: 0; }
#trackbacks-info
{
margin: 10px 0;
border: 1px dashed #a3b8cc;
padding: 0 10px;
color: #292e33;
font-size: 11px;
text-align: center;
background: #e6ecf2;
}
.comments-open-footer
{
margin: 10px 0;
}
/* modules */
.module
{
margin: 0 0 10px 0;
border-bottom: 1px solid #f3f6f9;
background: #dae0e6;
}
.module-content
{
margin: 0 0 10px 0;
border-top: 1px solid #cfd4d9;
padding: 10px 10px 0 10px;
font-size: 10px;
line-height: 1.2;
}
.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }
.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }
.module-powered { border-width: 0; }
.module-powered .module-content
{
margin-bottom: 0;
border: 1px dashed #a3b8cc;
padding-bottom: 10px;
color: #292e33;
background: #fff;
}
.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }
.module-list
{
margin: 0 15px 10px 15px;
list-style: disc;
}
.module-list .module-list
{
margin: 5px 0 0 0;
padding-left: 15px;
list-style: circle;
}
.module-list-item
{
margin-top: 0;
color: #666;
line-height: 1.2;
}
.typelist-thumbnailed .module-list
{
margin: 0 0 10px 0;
list-style: none;
}
.typelist-thumbnailed .module-list-item
{
margin: 1px 0;
padding: 0;
background: #f3f6f9;
}
.typelist-thumbnail
{
background: #fff;
}
.module-photo img { border: 1px solid #fff; }
.module-featured-photo { width: 398px; }
.module-featured-photo .module-content
{
margin: 0;
border-width: 0;
padding: 0;
}
.module-featured-photo img { width: 398px; }
.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
width: 64px; /* mac ie fix */
margin: 0 10px 10px 0;
padding: 0;
background: none;
}
.module-recent-photos .module-list-item a
{
border: #cfd4d9 1px solid;
padding: 1px;
background: #fff;
}
.module-recent-photos .module-list-item a:hover
{
border-color: #36414d;
background: #fff;
}
/* calendar tweaks */
.layout-calendar #alpha { width: 260px; }
.layout-calendar #beta { width: 420px; }
.layout-calendar #gamma,
.layout-calendar #delta
{
width: 190px;
}
.layout-calendar #gamma-inner,
.layout-calendar #delta-inner
{
border: 0;
padding: 0;
}
.module-mmt-calendar { width: 398px; }
.module-mmt-calendar .module-content
{
margin: 0;
border-width: 0;
padding: 10px;
}
.module-mmt-calendar table
{
width: 378px;
background: #a3b8cc;
}
.module-mmt-calendar th
{
color: #fff;
border-top: 1px solid #fff;
border-right: 1px solid #f3f6f9;
border-bottom: 1px solid #cfd4d9;
padding: 2px;
text-align: right;
font-weight: bold;
}
.module-mmt-calendar td
{
border-top: 1px solid #fff;
border-right: 1px solid #f3f6f9;
border-bottom: 1px solid #cfd4d9;
padding: 2px;
text-align: right;
font-weight: normal;
background: #e6ecf2;
}
th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
{
border-right: none;
}
.module-mmt-calendar td { height: 70px; }
.day-photo
{
width: 49px;
height: 49px;
}
.day-photo a
{
border: #cfd4d9 1px solid;
padding: 1px;
background: #fff;
}
.day-photo a:hover
{
border-color: #36414d;
background: #fff;
}
.day-photo a img
{
width: 45px;
height: 45px;
}
/* artistic tweaks */
.layout-artistic #alpha { width: 260px; }
.layout-artistic #beta { width: 420px; }
.layout-artistic #gamma,
.layout-artistic #delta
{
width: 190px;
}
.layout-artistic #gamma-inner,
.layout-artistic #delta-inner
{
border: 0;
padding: 0;
}
/* moblog1 tweaks */
.layout-moblog1 #alpha
{
margin: 0;
width: 180px;
background: #e6ecf2;
}
.layout-moblog1 #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-moblog1 #beta
{
margin: 15px 15px 0 15px;
width: 320px;
background: none;
}
.layout-moblog1 #beta-inner
{
padding: 0;
border-width: 0;
}
.layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }
/* moblog2 tweaks */
.layout-moblog2 #alpha
{
margin: 0;
width: 86px;
background: #e6ecf2;
}
.layout-moblog2 #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-moblog2 #beta
{
margin: 15px 15px 0 15px;
width: 260px;
background: none;
}
.layout-moblog2 #beta-inner
{
padding: 0;
border-width: 0;
}
.layout-moblog2 #delta
{
width: 154px;
}
.layout-moblog2 .module-recent-photos
{
border: 0;
background: none;
}
.layout-moblog2 .module-recent-photos .module-content
{
padding: 0;
border: 0;
}
.layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }
/* timeline tweaks */
.layout-timeline #alpha { width: 260px; }
.layout-timeline #beta { width: 420px; }
.layout-timeline #gamma,
.layout-timeline #delta
{
width: 190px;
}
.layout-timeline #gamma-inner,
.layout-timeline #delta-inner
{
border: 0;
padding: 0;
}
/* one-column tweaks */
.layout-one-column body { min-width: 520px; }
.layout-one-column #container { width: 520px; }
.layout-one-column #banner { width: 510px; } /* necessary for ie win */
/* two-column-left tweaks */
.layout-two-column-left #alpha
{
margin: 0;
width: 200px;
background: #e6ecf2;
}
.layout-two-column-left #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-two-column-left #beta
{
margin: 15px 15px 0 15px;
width: 480px;
background: none;
}
.layout-two-column-left #beta-inner
{
padding: 0;
border-width: 0;
}
/* three-column tweaks */
.layout-three-column #alpha
{
margin: 0;
width: 180px;
background: #e6ecf2;
}
.layout-three-column #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-three-column #beta
{
margin: 15px 15px 0 15px;
width: 320px;
background: none;
}
.layout-three-column #beta-inner
{
padding: 0;
border-width: 0;
}
そして、メインページのテンプレートは
<$MTCCLicenseRDF$>
覚え書きと、万一のための保険のために随時こういう形で残しておこうと思います。
千絵さんの学習室に駆け込む寸前・・・と書きたいところでしたけど、駆け込んだ後でどうやら自力救済が出来ました。
カテゴリーアーカイブ、日付アーカイブ、個別エントリーアーカイブ、それぞれで、タイトルにカテゴリーアイコンを付ける事が出来ました。やれやれ、やっとこの件からは解放されました。
でも、いろいろ奥が深いMovableType。まだまだ分からない事が多すぎるので、来年は「MovableTypeを極める」・・・なんて大ボラは止めて、地道に勉強を続けようと思います。タグを操って、自由自在にレイアウト出来たら、面白いだろうなぁと思うのですが。
とりあえずメインページではカテゴリーアイコンを表示する事が出来て、そこで止めときゃ良いのに、他のページ(カテゴリー別とか、個別エントリーページとか、月間のアーカイブページ)でも、同じようにタイトルにカテゴリーアイコンを付けたいと思って、ここ数日試行錯誤の連続です。
全くうまく行きません。千絵さんのブログでは見事に出来ているのに。尤も、千絵さんのブログでは月別のアーカイブを作っていない事に今気がつきました(^_^;)。
えーと、ここから先、MovableTypeのタグ入りで書いたら、意図しない書き方になってしまいました。千絵さんの学習室を訪問する事にしましょ。押しかけ迷惑生徒を今日もやってしまう私です(^_^;)。
2,3日前から格闘していた「タイトルにカテゴリーアイコン表示」、やっとどうにか形がついたようです。どこから手を付けて良いか見当がつかなかったのですけど、まずカテゴリーの設定画面のカテゴリーの名前のところで、アイコンを付ける事を思いついたのが模索を抜け出す第一歩になったような。
その設定が出来た後で、各タイトルの左にカテゴリーアイコンを付けるのは、千絵さんが教えて下さった「メモログ」サイトを参考にしました。でも、けして簡単ではなかったです。アイコンのgifファイルを 1?8までの番号ファイルにリネームしても、タイトル画像に「×」マークが出て、「プロパティ」を見ると確かに場所もファイル名も合っているのに「使用不可」と表示されたり。
で、何が悪かったのか、どうしたら見えるようになったのか、手順が良く分からないうちにいつの間にか「×」が消えて表示されるようになりました。だから、全然勉強になってないような気がします(^_^;)。
メインインデックスとスタイルシートは直したのですけど(?)、どこをどうしたら表示されるようになったのか、説明出来ません(^_^;)。全くこまったものです。
たぶんこのカテゴリーアイコンも、このままだと×マークなので、エントリー投稿後リネームしなければならないでしょう。「苦闘のブログ」カテゴリーはまだ何番なのか、実はこの時点では分からないのです(^_^;)。


日記 (289)
今日の一品 (83)
親たちの事 (92)
しんちゃん (23)
にゃんこ (11)
動物たち (11)
読書 (7)