MT 一覧

Xamppのローカル環境にMTOS5.2をインストール

  • 更新日:
  • MT

Xamppとは、webアプリケーション開発のためのテスト環境を整えるために必要なアプリケーション一式をパッケージにしたものです。

名前の由来は
X - Windows、Linux、Mac OS X、Solarisのクロスプラットフォーム A - Apache M - MySQL P - PHP P - Perl の頭文字です。

Xamppとは、webアプリケーション開発のためのテスト環境を整えるために必要なアプリケーション一式をパッケージにしたものです。
名前の由来は
X - Windows、Linux、Mac OS X、Solarisのクロスプラットフォーム
A - Apache
M - MySQL
P - PHP
P - Perl
の頭文字です。

続きを読む

IE6でレイアウトが崩れる

  • 更新日:
  • MT

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

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

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

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

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

パンくずリストを設置

  • 更新日:
  • MT

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

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

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

サイト内検索 Google

  • 更新日:
  • MT

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

こんな感じです。

Unknown Object Unknown Object Unknown Object Unknown Object Unknown Object   

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

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

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

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

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

  • 更新日:
  • MT

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

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の指定をしていしないとスクロールバーは現われないこと 。

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

  • 更新日:
  • MT

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

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

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


<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 ブロックタグで囲まれた内容は、ページ出力の際、処理されません。

 

このページの上部へ

About

MTunderHat社の【カンバス】テンプレー
トを利用しています。
素晴らしいテーマが無料なんて…(^_^)
背景写真だけを差し替えて。。
店主 もがきの構図・・・です。(笑)
iPhoneなどのスマートフォン向けサイト
もあります。
スマートフォンでこのページを開くか、
URLの最後に i を付けていただけば閲覧
できます。

サイト内検索

Powered by Movable Type 5.2.10