人気ブログランキング | 話題のタグを見る
マイスキン試行錯誤その1
☆全体の構成を把握しよう☆
HTML内のテーブル設定してあるところを赤で枠線指定するとこんな感じになります。
(HTMLをコピーして、ホームページビルダーのHTML編集画面に貼り付けてプレビューで確認してみました。)
マイスキン試行錯誤その1_b0005267_1227558.gif

小さくて見づらいけど、本文のエリアの緑の線で囲ってあるところは本文HTML、メニュー下の緑の線で囲ってあるところはメニューHTMLです。
ちなみに最初に本文幅を600px、メニュー幅を150px、右メニューで設定してあります。

このテーブルの各セル内にクラス(エリアといえばわかりやすいかな)を指定してあり<$~>というエキサイトブログタグもその中で指定してあります。
CSSではそのクラスのスタイルを設定します。
HTMLで指定してあるクラスは以下の通り。
-全体-
・HEADER <$header$>
・URL <$blogurl$>
・USERMENU <$adminmenu type=1$>
・PROFILE <$logoimage type=1$><$description$><$nick$>
・MN <$menuright$>
-本文-
・POST
  (POST内にさらにクラス指定…
  ・POST_HEAD <$postsubject$><$postadmin type=1$>
  ・POST_BODY <$postcont$>
  ・POST_TAIL <$posttail$>)
<$cmtjs$>
-メニュー-
・MNTTL <$mntitle$>

<$calendar type=1$>
<$banner type=1$>
<$xml$>
<$mnbody$>
は、クラス内ではなくセル内に直接指定してあります。
エキサイトブログタグについては、エキサイトブログヘルプを参照してください。

たとえば本文タイトルの文字色を変えたいときはCSSの「POST_HEAD」内で文字色の設定をしたり、
エリアの指定を新たに作りたいときはHTML内の作りたい場所に"DIV CLASS=~(適当なクラス名を自分でつける)"でクラス設定してからCSSに"DIV.~"を書き加えます。

HTMLソースおよびCSSソースをいじるときは、まず最初にデフォルトのソースをコピーしてメモ帳などに貼り付け、保存しておきましょう!!
いじってる最中も、デフォルトソースとは別のファイルにこまめにバックアップをとっておきます。
CSSソースを書き換えるときは、いつどこを変えたかわかりやすいように
/* ~ */ で注釈行を付け加えておくといいかも。
/* 20040801 本文タイトルの文字色変更 */ ←私の場合、こうしてます。
ソース内のいらないところを消すときも、さっくりdeleteしちゃうんじゃなくて、
頭に/*、終わりに*/をつけて注釈行扱いにすると「やっぱりさっき消した部分を復活させたい!」ってなったときに便利です(笑)。
HTMLの注釈行は<!-- ~ -->なんですが、エキサイトブログではこのタグは無効になっているらしくエラーになってしまうので、HTMLソースには注釈行を入れられません。

スキン編集画面の注意書きにも書いてありますが、ソースをいじるのはくれぐれも自己責任の元お願いします。
「HTML?CSS?何ソレ???」という人は、まずはタグ辞典などを買ってきて大雑把にでも勉強してから、マイスキン作りに挑戦しましょう。
by kaokaopon | 2004-08-03 13:33 | SKIN
<< マイスキン試行錯誤その2 ↑ページTOP マイスキンversion1.-... >>



KAOと旦那と3匹の猫のたわむれの日々。家に引きこもってるのでネタがありません。最近猫日記となりつつあります(笑)。
by kaokaopon
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
カテゴリ
全体
BBS
雑記
プレマタ
入院日記


観た
読んだ
作った
お取り寄せ
レシピ
SKIN
BLOG
WEB
日々。
ABOUT
以前の記事
2010年 10月
2010年 04月
2009年 08月
2009年 01月
2008年 10月
2008年 07月
2008年 06月
2008年 04月
2008年 03月
2008年 02月
2008年 01月
2007年 12月
2007年 11月
2007年 10月
2007年 09月
2007年 08月
2007年 07月
2007年 06月
2007年 05月
2007年 04月
2007年 03月
2007年 02月
2007年 01月
2006年 12月
2006年 11月
2006年 10月
2006年 09月
2006年 08月
2006年 07月
2006年 06月
2006年 05月
2006年 04月
2006年 03月
2006年 02月
2006年 01月
2005年 12月
2005年 11月
2005年 10月
2005年 09月
2005年 08月
2005年 07月
2005年 06月
2005年 05月
2005年 04月
2005年 03月
2005年 02月
2005年 01月
2004年 12月
2004年 11月
2004年 10月
2004年 09月
2004年 08月
フォロー中のブログ
食卓から愛をこめて
* もなこの手づくり石け...
だって私はドラマ好き♪
ベジタリアンの厨房
気ままな星遊び
笑門来福
pumilus sapo
母ちゃんちのご飯
***いつか出会えるあな...
茶タローくぅぅぅん.2
ほんの小さな庭
***やっと出会えたあな...
ゆっくりのんびりいこうじ...
ライフログ
タグ
(92)
(77)
(22)
(15)
(6)
検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧