mtの最近のブログ記事

当店のホームページもレンタルサーバに引越して、やっと24時間見られるようになりました。happy01

 お正月に自宅の古いXPで見てみると。。
 なんと大きくレイアウトが崩れています。
 ブラウザはインターネットエクスプローラ
 Ver6(IE6)ですが、ネットで調べると、
 『旧バージョンのIEは独自解釈で正しく表示
  させるのが難しい。。』
 なんて記事が出ています。

 、、とは言っても、初心者なので理解が追い
 つきません。

 今回は【IETester】というフリーソフトを
 使って、IE5.5~IE8のブラウザ環境の表示を確かめながら…eye…、
 CSSをひたすら編集してcrying
 なんとかIE6でもレイアウトが回復できましたcoldsweats01

ちなみに、当サイトの「ブラウザのバージョン統計」を確認しても、やはりIE6は35%と多いようです・・・

パンくずリストを設置

ブログではナビゲーションをやめて、パンくずリストを設置しました。

パンくずリストとはトップページから現在表示しているページまでの階層を示したリストのことです。

「テンプレートキング」 さんのバイクテンプレートは写真が大きいので、小さなパンくずリストを付けて

プチ改造です。coldsweats01

サイト内検索 Google

Googleを使ってサイト内検索窓を設置しました。

こんな感じです。

 

とりあえず、Webサイトのヘッダに貼り付けました。

検索文字を入れて、検索ボタンを押すと。。。Google Search が始動します。

欠点は、 Google に自分のサイト内ページのすべてが登録されているとは限らないので、全てヒットするとは限りません。weep

Googleロボットに頑張ってもらうしかありませんね。

テキスト表示にスクロール

| トラックバック(0)

テキスト文書やソースコードをそのままに表示させる方法

PREタグを利用すれば好し。。ただし、文章が横に長いとバランスが悪い。
Webを参考にPREタグをスタイルシートに追加。

pre{
 background : #f7f7f7;
 border     : dotted 1px #808080;
 margin     : 0 1em 0 1em;
 padding    : 10px;
 color      : #4F4F00;
 overflow   : auto;
 width      : 530px;
}


<li><a href="<$mt:CategoryArchiveLink$>" title="<$mt:CategoryDescription$>"><$mt:CategoryLabel$></a>
⇒以下に変更
<li><a href="<$mt:CategoryArchiveLink$>"<mt:If tag="CategoryDescription"> title="<$mt:CategoryDescription remove_html="1" encode_html="1"$>"</mt:If>><$mt:CategoryLabel$> (<$mt:CategoryCount$>)</a>

 

こんな感じの表示方法ですが、
注意点は、widthの指定をしていしないとスクロールバーは現われないこと 。

<a href="http://nohm-cycle.com/blog/2010/10/post-46.html">トラックバック</a>

アーカイブインデックス(微調整)

アーカイブインデックスのツリー化等の調整をしました。

○カテゴリーリストのツリー化
○ブログ記事の全タイトルを表示 すこしプチ改造です(^^♪

§ 変更部分(アーカイブインデックス)


<li><a href="<$mt:CategoryArchiveLink$>" title="<$mt:CategoryDescription$>"><$mt:CategoryLabel$></a>
⇒以下に変更
<li><a href="<$mt:CategoryArchiveLink$>"<mt:If tag="CategoryDescription"> title="<$mt:CategoryDescription remove_html="1" encode_html="1"$>"</mt:If>><$mt:CategoryLabel$> (<$mt:CategoryCount$>)</a>

§ 変更部分(スタイルシートに追加)


/* カテゴリーのツリー表示 */
.archive-category ul ul{
    margin: 0;
    padding: 0 0 0 10px;
}
.archive-category li {
    margin: 0;
    padding: 0px;
/*    background: none; */
}
.archive-category a {
    margin: 0 0 3px;
padding-left:20px;
display:block;
background: url(li.gif) 0 center no-repeat;
}

§ 変更部分(全タイトル表示)

単純に<mt:Ignore>/</mt:Ignore>に掛け違いでした。shock

※ <mt:Ignore> タグリファレンス
mt:Ignore ブロックタグで囲まれた内容は、ページ出力の際、処理されません。
1  2  3