プチ・カスタマ、最終回はいよいよHTMLとCSSの編集であります。
自分でやってみて、これは便利だと思ったのが、
次の３つのプリント、

１　エキサイトスキン編集ヘルプ
２　エキサイトブログタグヘルプ
３　スキンのコード（HTMLとCSS）

であります。


備考）トップ画面の友情出演は、おたべちゃん。
● 京都銘菓おたべ＞おたべちゃん（プルフィール付）
http://www.otabe.co.jp/ro_3/otabechan.html
　




● 注意書きとヘルプの場所

毎度お馴染みの画面、[３] で 「注意書き」を読みます。
よし、次だ。

[５] で、「スキン編集ヘルプ」と「エキサイトブログタグヘルプ」を開いてプリント。
これ、オススメっす。　プラモ少年的には、設計図という感じであります。







● スキン編集ヘルプ

「スキン編集ヘルプ」をプリントしたもの。
Word ２段組で４枚、重要と思われる部分は赤字にしております。
４枚目の、「6-1　HTMLおよびCSS関係の理解」にこう書いてあります。

"CSSファイルで指定された多くのスタイルが、
HTMLの各タグでCLASSやIDなどを使用して適用されている"

う～ん、なるほどぉ、と、とりあえずうなずいて、次にいきます。
備考：プリント枚数はフォントの大きさによります。







● エキサイトブログタグヘルプ

「エキサイトブログタグヘルプ」をプリントしたもの。
このエキサイト独自タグ <$---$> はチェックしておくと、いいかも。

typeタグで、選択枝があるものは、ここで簡単に変更できます。

例：ユーザーメニューを表示するタグ　<$adminmenu type=1$>
　　　type=1　　　トップ | 投稿 | 設定
　　　type=2　　　Valley | New Post | Config
　　　type=3　　　アイコン

という感じっす。







● HTMLとCSSのコード印刷・・・[８]

↑画面は、画像２の[５]の全画面であります。
上段がHTML、下段がCSSのコード。
HTMLは、全体、本文、サイドメニューの３つあります。
テキストエディタにコピペ。


● マイイメージアカウントに画像登録・・・[９]

ついでにこの画面、[９]で、スキンに使用する画像をアップしておきます。
画像を使う場合は、保存されたイメージリストから選択、
[ イメージURLコピー ] をクリックして、タグなどの指定箇所にペーストします。

例：#BANNER {BACKGROUND : URL("画像URLが入ります"); PADDING : 23PX;}







● 各部分別横幅、HTML、CSSのコード

各部分別横幅の数値、HTMLとCSSのコードを、テキストエディタからプリントしたものです。
このコードを元に、カスタマイズするとこをチェックしていきます。

さぁ、最大のヤマバであります。

-----------------------------------------------------
● 横幅変更（各部分別横幅、HTML、CSS）

　　width="700"　→　"900"
　　width="500"　→　"700"

-----------------------------------------------------
● タイトルバナーの挿入

　　変更前タグ（HTML)
　　備考：このタグ、なぜか画面に表示されません。
　　変更後タグ（HTML)
　　備考：このタグ、なぜか画面に表示されません。

　　追加タグ（CSS)
　　#BANNER {BACKGROUND : URL("画像URLが入ります"); PADDING : 23PX;}
　　備考：PADDING : 23PXの数値は、画像の高さに会わせた高さ（単位：PX)が入ります。

-----------------------------------------------------
● 色の変更（CSS)

　　{ COLOR: #663300; →　希望のカラーコード（前回記事参照）
　　備考：場所は複数箇所、分散しています。

-----------------------------------------------------
● エキサイトタグのtype変更（HTML)

　　<$logoimage type=1$> →　希望の番号

-----------------------------------------------------
● コメント欄の拡大タグ追加（CSS)

　　TEXTAREA.TXTFLD {height:20em;WIDTH :500px ! important; }

-----------------------------------------------------
● コメントの間に線を入れるタグ追加（CSS)

　　変更前タグ
　　DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; }

　　変更後タグ
　　DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; BORDER-BOTTOM : 1PX #663300 DOTTED; PADDING-BOTTOM :10PX}

-----------------------------------------------------
という感じであります。







マイスキンの登録画面っす。自分の作ったスキンをプレビュー、編集、適用することができます。

と、まぁこんな感じでありました。
おわり^^;



● スキン編集を間違ったときは

タグの使用を間違えるとエラーが発生してマイブログにアクセスできない場合も考えられます。この場合にはあわてずに、エキサイトブログで、ログインをすると[設定]のリンクがあります。 [設定］＞［スキン変更］でエキサイトブログ提供スキンに変更をすることで解消されます。
*エキサイト＞スキン編集ヘルプ （1-3）より引用しました。


● カスタマイズの作業は、メインのブログで行う前に、テスト用のブログで試されることをオススメします。


● マイ参考書（エキサイトブログを始めた頃に購入したので古いです）
・ブログカスタマイズリファレンス/栗原明則著/技術評論社
・ブログカスタマイズブック/今井剛・春名哲雄著/エクスメディア
タグ等、参考にしました。　参考書は複数あると便利っす^^;



備考）
・初めてスキンをカスタマイズした超初心者が書いております。
・間違いのご指摘、アドバイスなど大歓迎でございます。
・スキンのカスタマイズは自己責任っちゅうことで、よろしくお願いいたしますっ。
・カスタマイズに興味のある方、情報交換しましょう～^^;