Top
ご訪問ありがとうございマス!!
ブログちょこちょこ再開予定です。
みなさま、またよろしくお願いします☆

↑デザイン・アート部門
最高記録10位です☆
++最新の記事++
9/14【映画を観る】
NANA
9/14【雑記】
脳みそゲーム
9/13【愛犬と暮らす】
こんなに大きく
9/12【あなたとわたし】
ハッピーサマーウェディング♪
7/9【オンナの愉しみ】
エスニックブーム
7/2【あなたとわたし】
もめごと
6/21【あなたとわたし】
やきもち
6/20【映画を観る】
交渉人 真下正義
6/7【オンナの愉しみ】
10年ぶり
6/5【あなたとわたし】
すきなひと
6/4【あなたとわたし】
ふわふわ
6/1 【デザインとアート】 +others+
かたちあるもの
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
Category
【あなたとわたし】
恋愛のコト、友達のコト。

【本を読む】
オススメ度と感想。

【音を楽しむ】
お気に入りのオンガク。

【映画を観る】
観るものは偏りがち。

【ブログ試行錯誤】
初心者なりの
スキンいぢり挑戦談。

【愛犬と暮らす】
わんこの話題。

【デザインとアート】
インテリアとか、
雑貨とか、好きな物。

【オンナの愉しみ】
美容、食べ物とか
ファッションのこととか。

【日々想うこと】
心の整理と日記

【雑記】
どうでもいいこと。
Comment
最新のコメント
cheap cheap
by FywAjata at 00:56
Greetings, ..
by Investblogger at 17:28
Ladies and G..
by Investblogger at 14:14
hypnotherapy..
by elizabeth at 06:22
[url=http://..
by orielmilm at 03:58
penis enlarg..
by hypnothera at 02:51
Recently fr..
by arabic fre at 01:02
[url=http://..
by orielmilm at 22:38
hypnotherapy..
by hypnothera at 14:31
Most downlo..
by boost free at 13:00
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
Trackback
最新のトラックバック
watch Enemy ..
from movies review
Manchurian C..
from historical rev..
divx Hostage..
from uk film reviews
online Kanga..
from reviews of cur..
download thi..
from movie trailer ..
download a M..
from Download New M..
Mousehunt ip..
from review movies ..
Mousehunt ip..
from review movies ..
Birds, The v..
from movie trailers
download new..
from movies reviews..
Link
【動作確認】
Internet Explorer6.0/Netscape7.1
Opera7.53/Firefox 1.0
IE以外ご利用の方で
文字が見にくい方は
表示→文字のサイズなどで
変更してご覧下さい。
お手数をおかけします。
【トラックバックをする際のお願い】
アフィリエイト目的だと判断した
トラバは削除させて頂いております。
トラックバックは大歓迎ですが、
記事の中で紹介・もしくは
コメントがない場合も内容を確かめた上で
削除する場合があります。ご了承下さい。
皆さんネットマナーを守って
楽しくインターネットをしましょうよ(懇願)
++ css編集画面解説(1) ++
スキン編集の基礎知識シリーズ第5弾。

いざスキン編集を始めても、
編集画面に書いてあることがさっぱりな人たちへ。

少しずつ解読した結果です。

ちなみにasamiは3列のレイアウトを使っています。
スキン編集→マイスキン→新しいスキン作成→3列のレイアウト
・・・の順番にページを開いて、見ながら参考にしてください。



++続き++


まず、css編集画面の上から順番にいきます。

【BODY】
 ブログ本文の指定をします。初期値では、背景色(白)と
 周囲の空白(0ピクセル)の範囲が指定されています。
 このタグでは、背景の色、画像など背景の属性を主に指定しておくのが良いです。
 テキストは下記のタグで。

【BODY,TD,DIV,LI】
 本文(BODY)、セル(TD)、DIVタグ内、リスト(LI)
 これらのタグ内の属性を指定します。
 ブログ内のメインのテキストに当てはまると考えてください。
 初期値では、フォントの大きさ、種類、行間、色が指定されています。

【A:LINK】
 <a href=...で始まる、リンクのテキスト色指定など。コチラは普通のリンク。

【A:VISITED】
 上記に同じ。訪問済みのリンクを指定します。

【A:ACTIVE】
 上記に同じ。クリック中のリンクを指定します。

【A:HOVER】
 上記に同じ。カーソルが重なっているときのリンクを指定します。

【DIV.HEADER】
 ブログのタイトル部分(画面上部に表示)の、通常のテキストを指定します。

【DIV.HEADER A:LINK】
 上記に同じ、通常のリンクを指定します。

【DIV.HEADER A:VISITED】
 上記に同じ。訪問済みのリンクを指定します。

【DIV.HEADER A:HOVER】
 上記に同じ。カーソルが重なっているときのリンクを指定します。

【DIV.URL】
 通常ブログタイトルの下に表示されている、
 自分のページのURLのテキストを指定します。

【DIV.USERMENU】
 自分のページでは「トップ・投稿・設定」
 他人のページでは「リンク・トップ・マイブログ」
 と表示されている部分の通常のテキストを指定します。

【DIV.USERMENU A:LINK】
 上記に同じ、通常のリンクを指定します。

【DIV.USERMENU A:VISITED】
 上記に同じ、訪問済みのリンクを指定します。

【DIV.USERMENU A:HOVER】
 上記に同じ、カーソルが重なっているときのリンクを指定します。

今回はここまで!!

【おまけ】
HEADERとUSERMENUは、リンクです。
それなのに、通常のリンク(A:LINK)もあるし、
通常のテキスト(DIV.HEADERなど、リンクの張られていない状態)
もあるのはなぜでしょう?

通常のテキストの部分に共通の属性を記載します。
例えば、文字の大きさ、右寄せに表示する、など。
そして、個別に設定したいところだけ、(A:~~)に記載します。
例えば、カーソルが重なっているときは下線が出る、など。

そうすれば、共通の情報は1回だけ記載すれば良いことになりますね。
反対に、通常のテキストの属性だけ色を変えたりしても、
常にリンク状態なので反映されません。

では、いつかまた続きを・・・。

*もし分かりにくかったらコメントお願いします。
[PR]
by trickycat | 2004-10-30 00:41 | ブログ試行錯誤 ▲page top▲