■色

お気に入りに入れておいてネヽ(^o^)丿

☆カラーパレット
　→ http://mt-master.net/mag-/color-1.html

☆Color Slider
　→ http://mt-master.net/mag-/color-2.html

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【主】

グレープフルーツを食べました。

　　　　　・

　　　　　・

　　　　　・

　　　　　・

　　　　　・

水分が少なくパサパサでした(;つД`)

■不意打ちメルマガ（笑）

みなさん、ＭＴやっていますか？

あ、前回のメルマガ55号でした。。
間違って54号のタイトルで２通出してしまいますた。。。^^；

なので今回は56号です！誰がなんと言おうとも（笑）←強気^^

■カテゴリの表示

トップ下部のカテゴリを装飾してみましたぁ！

現在のカテゴリには ＜div id="categories"＞ という名前が付いているので、
スタイルシートの最下部に以下を追加
ーーーーー
#categories {
background-color: #ff6e00;
text-align: center;
height: 22px;
border-top: 3px double #333333;
border-bottom: 3px double #333333;
margin-bottom: 12px;
}

#categories a {
color: #ffffff;
font-weight: bold;
}
ーーーーー

ちょっとだけサイトっぽくなったでしょ？（笑）

　→ http://hafl.net

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■今日はソースの説明をしちゃいま～す

#categories {　（← categoriseについての指定）
background-color: #ff6e00;　（← 背景色にタイトルと同じオレンジを）
text-align: center;　（← 文字をセンタリング）
height: 22px;　（← この部位の高さを22pxに）
border-top: 3px double #333333;　（← 上部にグレーの２本線）
border-bottom: 3px double #333333;　（← 下部にグレーの２本線）
margin-bottom: 12px;　（← この部位の下に12pxの空白を）
}

#categories a {　（← categoriseのリンクについての指定）
color: #ffffff;　（← 文字色を白に）
font-weight: bold;　（← 文字を太字に）
}

ってな感じです m(__)m

【主】

今、群馬に来ています。

渋川・伊香保より北上した水上（みなかみ）温泉のさらに山に入った奥利根
というところです

PHSは圏外、携帯も怪しい感じです_(^^;)ゞ

・・・雪がぢゃんぢゃん降っている峠をラジアルタイヤで駆け抜けてきまし
た（笑）
降っているというより吹雪いている。。

雪は30センチくらい積もっています（爆）

■無事帰宅しました～(^^)ノ

紅葉と銀世界を同時に満喫してきました（笑）

■トップページ

トップには写真（画像）を一枚載せるだけのシンプル設計にしたいので、ま
ずは現在の記事表示を消してしまいます。

メインページ
ーーーーー
＜MTEntries lastn="○○○"＞

＜h3＞＜a href="＜$MTEntryPermalink$＞"＞＜$MTEntryTitle$＞＜/a＞＜/h3＞

＜/MTEntries＞
ーーーーー
をサクッと削除。

　→ http://hafl.net

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■トップページ

はそのサイトの顔となりますよね。

今回は、コンテンツのイメージ画像を貼ってみようと思います。

あなたはどんなトップページかな？

【主】

昨日の帰り道、群馬からずーっと50号バイパスを抜けてきたんだけど、途中
内原というところにある先日オープンしたイオングループのショッピングモ
ールの前を通過してきましたー。

オープン初日の来店者数が５万人だか６万人だか８万人だか。
（正確な人数は忘れました。笑）

県内だか関東だか国内だか（これも忘れた ^^；）最大だそうな。。

通過したのは夜で、夜景を右手に眺めながら。

なんだか、巨大なアミューズメントパークのような印象でした。

近々行ってみようっと♪

■今日は『いい夫婦の日』だよ～ん

今日のグレープフルーツは。。。

水分たっぷりでした～～～♪

　　　　・

　　　　・

　　　　・

　 　　でも

　　　　・

　　　　・

　　　　・

味が薄かったなぁ… ^^；

■続・トップページ

トップには写真（画像）を一枚載せるだけのシンプル設計にしたいので、ま
ずは現在の記事表示を消してしまいます。

↑
と、昨日本文を消したところに今日は画像をアップしまーす(^^)ノ

メインページ
ーーーーー
＜!-- 左メイン領域開始 --＞
＜div id="content"＞

　　　　　← ここにソースを追加

＜/div＞
＜!-- 左メイン領域ここまで --＞
ーーーーー

こいつ↓を追加してあげました。

＜img src="http://hafl.net/img/hafl-01.gif"＞

画像はFTPで img フォルダを作り、その中へアップ。

　→ http://hafl.net

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■全体の幅いっぱいに表示したいけれど・・・

現在は全体の領域 700px に対して、メイン 500pxと、右メニュー 200px に
分かれてしまっているために、写真自体は 700pxあるのに表示させられる領
域がメインの 500px分しかありません。。

次回はトップページだけ、メインと右メニューの壁を取っ払ってみまーす！

【主】

画像を持っていない、作れない、FTPでアップできない etc...

という方は、とりあえずわたしの画像を使って表示させてみてください(^^)

絶対パスで記述してあるので、あなたのソースに
ーーーーー
＜img src="http://hafl.net/img/hafl-01.gif"＞
ーーーーー
を追加してあげれば同じものが表示されます。

あ、画像はあくまでも表示させる練習用ですよーっ！

写真の著作権を放棄したわけではないので、メルマガに沿ったＭＴサイト作
りのための練習用以外には使わないでくださいね m(__)m

■Help me !

どなたか、アルミ同士のネジの固着を解消する方法をご存知ありませんか？

■続々・トップページ

トップページに表示させる画像の領域を現在の 500pxから 700pxへ増やして
あげましょう。

スタイルシートに以下を追加
ーーーーー
#topp {
width: 700px;
}
ーーーーー

これは幅 700pxという領域『topp』（トップのページ「p」ね）を作ってあ
げるための記述です。

これだけではまだ変わりません。

　→ http://hafl.net

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■スタイルシートへの記述位置

どこでも良いです（笑）

基本的には同じ id や class の指定がある場合は、下にあるほうが優先さ
れますが、難しい記述をしない限りはあまり気にせずに下にどんどん付け加
えていってＯＫです。

わたしは今回、領域に関する指定なので上の方に並べて記述しました。

ちょっと長いけどスタイルシートの一部を添付(^^)
ーーーーー
#container { /* 全体のコンテンツ領域 */
margin-right: auto;
margin-left: auto;
text-align: left;
width: 700px;
background:#fff;
}

#banner { /* ページ上部のバナー部分 */
background-color: #ffffff;
text-align: center;
margin: 10px 0px 10px 0px;
}

#banner a {
color: #ff6e00;
text-decoration: none;
}

#topp {
width: 700px;
}

#content { /* 左側メイン領域 */
float: left;
width: 500px;
overflow: hidden;
background:#fff;
}

#sidebar { /* 右側サイドメニュー領域 */
float: left;
width: 200px;
overflow: hidden;
background:#fff;
}
ーーーーー

これらは一連で、領域を指定しているグループになりますね。
（banner は違うけど…）

で、これより下にそれぞれの文字などの指定を記述していきます。

【主】

昨夜、自転車のペダルのシャフトにグリスを注そうと思い、ビスのカバーを
外そうと思ったら外れない・・・。

ネジ部のシールドにアルミでカバーがついているんだけど、そのカバーのネ
ジが固着してしまいました (;つД`)

あきらめて反対側を外すとシャフトのグリスが切れかけています。。。

ということは！！！

　　　　　　　　あー、シャフトよ、磨耗しないでくれっ！

　　　　　　　　　って言うわけにもいかず … ＿|￣|○

いろいろ試したけど外れません（ToT）

ちなみに六角を入れる部分は完全にナメてしまいました。。

現在、六角ぢゃなくて丸になっています（爆）

■お見舞い

「自転車、大丈夫ですか？」とたくさんのお見舞いをいただきまして、あり
がとうございまーす。

まだ解決はしていませんが（笑）

■続々々・トップページ

トップページに表示させる画像の領域を現在の 500pxから 700pxへ増やして
あげましょう…の続き。

メインページ
ーーーーー
＜!-- 左メイン領域開始 --＞
＜div id="content"＞
ーーーーー

これの content を、昨日作った「topp」に代えてみましょう！

ーーーーー
＜!-- 左メイン領域開始 --＞
＜div id="topp"＞
ーーーーー

　→ http://hafl.net

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■これで全部表示されました

次回はゴミを消しまーす(^^)ノ

ゴミ？

【主】

今日も良い天気です。

絶好のサーフィン日和だね♪

■ゴミの撤去

無事画像が表示されたけどメインページに余計なタグが残っているのでそれ
らを消しておきます。

メインページ
ーーーーー
＜!-- 左メイン領域開始 --＞
＜div id="topp"＞

＜img src="http://hafl.net/img/hafl-01.gif"＞

＜/div＞
＜!-- 左メイン領域ここまで --＞

＜!-- 右メニュー部開始 --＞
＜div id="sidebar"＞

＜/div＞
＜!-- 右メニュー部ここまで --＞
ーーーーー

これらの内から

ーーーーー
＜div id="topp"＞

＜img src="http://hafl.net/img/hafl-01.gif"＞

＜/div＞
ーーーーー
を残してあとは削除。
　~~~~~~
真ん中に画像だから、右も左もないもんネ（笑）

　→ http://hafl.net/

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■これでトップは画像を表示するだけになりました。

SEOのためにもいらないタグはどんどん消す！

ソースはシンプルにしましょう(^^)ノ

■ＭＴタグ

今日からしばらくＭＴタグについての説明が続きま～す。

シッカリついて来てネ(^^)ノ

■メニューに追加

最上部オレンヂ色の Happy and Fun Life をクリックすればトップページに
戻るけど、上部メニューにもあると解りやすいですよね！

メインページ
ーーーーー
＜div id="categories"＞
＜MTSubCategories＞
ーーーーー

の間にトップへのリンク「 ＜a href="http://hafl.net/"＞Top＜/a＞ 」を足し
ましょう。

ーーーーー
＜div id="categories＞
＜a href="http://hafl.net/"＞Top＜/a＞
＜MTSubCategories＞
ーーーーー
これでトップへのリンクができました。

　→ http://hafl.net/

さて・・・

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■コピペ？

メニューの表示、当然カテゴリページにも個別ページにも欲しいよなぁ…。

カテゴリーアーカイブとエントリーアーカイブにも追加しよ…って

　　　　　　　　　　　メンドクセーヽ(`Д´)ノ

そんなわたしに朗報です（笑）

【主】

☆ ＰＯＰ ＳＴＡＲ

10日ほど前、ラヂオで聞いてから平井堅のＰＯＰＳＴＡＲが頭から離れず、
曲をゲットしたんだけど、ここ３日ほどはＰＯＰＳＴＡＲだけが延々とリピ
ートで再生されています（爆）

あのリズムが好きです♪

☆ ＰＯＰ ＳＴＡＲ

から脱却するために、今日は KENNY G を聞いています♪

　→ http://mt-master.net/mag-/faith.html

日本版は Amazon に無いようですが。。。（寂）

■モジュール

楽するためにモジュールというシステムを利用しましょ～！

テンプレート＞モジュール＞モジュールを新規作成

テンプレート名に『 menu 』と入力して保存。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■モジュール

便利な機能です♪

【主】

・・・今日は37秒で終わりかな？（笑）

■今日はこんなの聞いていました～。

http://mt-master.net/mag-/cafe.html

イチオシです♪

■モジュールへ記入

昨日、新しく作ったテンプレートを開きましょう！

テンプレート＞モジュール＞menu

そして空白の「モジュールの内容」にメニューのリンクを貼ってあげます。

わたしの場合はトップ http://mt-master.net/mag-/happy.html にあるメニ
ューの中身（オレンジ色のバックに白抜き文字の部分）が
ーーーーー
Top Bike Buggy Music
ーーーーー
なので、以下のようにリンクを貼りました。

モジュール＞menu の モジュールの内容
ーーーーー
＜a href="http://hafl.net/"＞Top＜/a＞
＜a href="http://hafl.net/bike/"＞Bike＜/a＞
＜a href="http://hafl.net/buggy/"＞Buggy＜/a＞
＜a href="http://hafl.net/music/"＞Music＜/a＞
ーーーーー

そして 保存 をポチッ。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■メニューのリンク

上部メニューで各カテゴリページにリンクが貼られているけど、リンクのソ
ースは解りますか？

あ、＜a href=""＞＜/a＞ の意味が解らない方はいますかーっ？

＜a href="リンク先のアドレス"＞表示名＜/a＞ です。
　　　　　　　　　↓　　　　　　↓
＜a href="http://hafl.net/bike/"＞Bike＜/a＞

よ～く見てね♪

■アンケートの結果

　毎日２分の内容は・・・

　１．解りやすい
　　　→ 73.1％

　２．よくワカラン
　　　→ 26.9％

でした～♪

よくワカランあなたーっ！

・・・解ってね(^^)ノ

■モジュールを追加

次は、メインページに以下のタグを追加します。
ーーーーー
＜$MTInclude module="menu"$＞
ーーーーー

これはモジュールのソースを呼び出すＭＴタグなのです(^^)ノ

メインページ
ーーーーー
＜!-- バナー部ここまで --＞

＜$MTInclude module="menu"$＞　　（←この辺りに追加します）

＜div id="categories"＞
＜a href="http://hafl.net/"＞Top＜/a＞
ーーーーー

で、保存と再構築。

こんなん出ました～。

　→ http://hafl.net/

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■今日のラヂオの投稿より

後輩が車で移動中、夜中の田舎道で迷子になったらしく半べそをかきながら
オレに電話してきた。

後輩「○○さ～ん、道に迷って同じところをグルグル周ってるみたいなんで
　　　すが～～～。助けてくださ～い（半べそで）」

先輩「××！そうかぁ、ずいぶん遅いと思ったよ・・・」

　　「で、今どこにいるんだ？」

後輩「くっ、、、車の中です！」

・・・

■土曜の昼下がりいかがお過ごしでしょうか？

途中から参加されたみなさんのために、公式サイトにバックナンバーをアッ
プする決意をしましたーっ！

しばらくお待ちくださいネ (^^)

■アンケートの結果

　毎日２分！の進み方は・・・

　１．ちょうど良いねぇー
　　　→ 66.7％

　２．ちょっと早いんでねぇかい？
　　　→ 5.5％

　３．もう少し早く進んでよっ！
　　　→ 27.8％

でしたー。。

「３」と答えたあなたっ！

大丈夫です！！この後、もう少しややこしくなりますから（笑）

■たまには宣伝してみます（笑）

先日、ＭＴマスタースクールの継続サポートプランを発表しました！

予想以上に反響があり、とても感謝です！(^^)

ーＭさんーーーーーーーーー

いい情報をありがとうございます！！

こういうサポートを待っていました！！

現在でも自分の目指すサイトを作れる喜びを感じているのですが、
やればやるほど、違ったものを作ってみたいという意欲がわいてきます。

でも、自分でやるには限界があるので、その都度質問できる環境に身を
おけるのは最高の喜びです。

とりあえず１年分まとめて納めたいと思っています。

ーＳさんーーーーーーーーー

継続サポートプランの申込をお願いします。
しかも良心的な価格で感激です。

MTのこと、cssのこと、SEOのことなど
幅広く学べ、大変勉強になっております。
ありがとうございます。

ーＫさんーーーーーーーーー

実は、僕も延長して頂くためのプランが合ったら良いのにと思っていました。
ぜひお願いします。これで腰を据えて取り組む事ができそうです。

価格についても、リーズナブルな設定にして頂いてありがとうございます。

ーーーーー

このほかにも本当にたくさんの受講者のみなさまから継続の申し込みをいた
だきましてビックリしています。

『想定外』でした～（笑）

やればやるほど楽しくなるのがＭＴです！

噛めば噛むほど味のでる。。。（笑）

な～んて、本当にありがとうございます♪

というわけで、、、

　　　　　　　　　　　【 新規受講生募集中！ 】

　　　12月のＭＴマスタースクールは、残席が『４』となっています。

　　　良い年末をお過ごしください。

　　　あ、メルマガはまだまだ続きますよーっ(^^)ノ

　　　　　　　ＭＴマスタースクール公式サイトはこちら！
　　　　　　　　　　　　↓　　　↓　　　↓
　　　　　　　　　　http://mt-master.net/top.html

■先週の復習（笑）

メインページ
ーーーーー
＜!-- バナー部ここまで --＞

＜$MTInclude module="menu"$＞　　（←この辺りに追加します）

＜div id="categories"＞
＜a href="http://hafl.net/"＞Top＜/a＞
ーーーーー

で、保存と再構築。

さて、今週も行きますよーっ(^^)ノ

■装飾を入れ替える

元々の上部メニューは背景オレンジで文字は白、上下にラインがはいってい
るけど、これは ＜div id="categories"＞ で指定されたもの。

当然新しく記入した ＜$MTInclude module="menu"$＞ にはなにも装飾がありま
せん。

元々のものに付いていた装飾指定を ＜$MTInclude module="menu"$＞ に付けて
あげましょう。

元の方は外します！

ーーーーー
＜!-- バナー部ここまで --＞

＜$MTInclude module="menu"$＞

＜div id="categories"＞　　（← これと）
＜a href="http://hafl.net/"＞Top＜/a＞
＜MTSubCategories＞
＜MTSubCatIsFirst＞＜/MTSubCatIsFirst＞
＜MTIfNonZero tag="MTCategoryCount"＞
＜a href="＜$MTCategoryArchiveLink$＞" title="＜$MTCategoryDescription$＞"＞＜$MTCategoryLabel$＞＜/a＞
＜MTElse＞
＜$MTCategoryLabel$＞
＜/MTElse＞
＜/MTIfNonZero＞
＜MTSubCatsRecurse＞
＜MTSubCatIsLast＞＜/MTSubCatIsLast＞
＜/MTSubCategories＞
＜/div＞　　（← これ）

＜div id="topp"＞
ーーーーー

現在の上のソースを下のようにします。

ーーーーー
＜!-- バナー部ここまで --＞

＜div id="categories"＞　　（← ここと）
＜$MTInclude module="menu"$＞
＜/div＞　　（← ここへ）

＜a href="http://hafl.net/"＞Top＜/a＞
＜MTSubCategories＞
＜MTSubCatIsFirst＞＜/MTSubCatIsFirst＞
＜MTIfNonZero tag="MTCategoryCount"＞
＜a href="＜$MTCategoryArchiveLink$＞" title="＜$MTCategoryDescription$＞"＞＜$MTCategoryLabel$＞＜/a＞
＜MTElse＞
＜$MTCategoryLabel$＞
＜/MTElse＞
＜/MTIfNonZero＞
＜MTSubCatsRecurse＞
＜MTSubCatIsLast＞＜/MTSubCatIsLast＞
＜/MTSubCategories＞

＜div id="topp"＞
ーーーーー

入れ替わりましたか？

　→ http://hafl.net

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■＜div id="○○○"＞ vs ＜div class="○○○"＞

この違いについては今度説明しま～す。

【主】

今日、バックナンバーのベースを簡単に作りましたーっ(^^)ｖ

ぼちぼち記事を投稿します_(^^;)ゞ

■昨日の入れ替えは上手くできましたか？

　１．バッチリっす(^^)ｖ
　http://mt-master.net/1cli/xxx.html

　２．う～ん・・・^^；
　http://mt-master.net/1cli/xxx.html

　↑あなたはどっち？

■余計なものを消しましょう！

メニューの下の同じリンクは不要ですよね？

不要なものは削除っ！

　　　　　　　　　　　　・・・っとその前にーっ

そいつは残してあげましょう(^^)

深い意味があります。。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■メインページにちょいと追加

ーーーーー

＜!--　　（←これと）
＜a href="http://hafl.net/"＞Top＜/a＞
＜MTSubCategories＞
＜MTSubCatIsFirst＞＜/MTSubCatIsFirst＞
＜MTIfNonZero tag="MTCategoryCount"＞
＜a href="＜$MTCategoryArchiveLink$＞" title="＜$MTCategoryDescription$＞"＞＜$MTCategoryLabel$＞＜/a＞
＜MTElse＞
＜$MTCategoryLabel$＞
＜/MTElse＞
＜/MTIfNonZero＞
＜MTSubCatsRecurse＞
＜MTSubCatIsLast＞＜/MTSubCatIsLast＞
＜/MTSubCategories＞
--＞　　（←これね）

ーーーーー

何も考えずに追加です（笑）

＜!--　これに囲まれたところは表示されません　--＞

これで表示上は消えました♪

　→ http://hafl.net

【主】

アンケートの結果はメニューや進捗の参考にするので、ポチっとどうぞ！