人気ブログランキング | 話題のタグを見る
AX
ケロチナミン配合広報企画剤。副作用:ゲーム、漫画、料理、奇行、浦和レッズ
Top

お菓子作りと手芸とゲームと本とカエルとレッズをこよなく愛するアメリカ帰りの頭痛もち hosted by ケロヨン
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
Updates
レッズの優勝パレードの写真はこちらへ↓

浦和レッズ優勝パレード写真館(1)
浦和レッズ優勝パレード写真館(2)


プロフィール

NAME:ケロヨン(Keroyon)
JOB:調査・分析(Research & Analysis)
OFFICE:広告の企画制作(PR & Advertisement)
STATUS:肩こり(Shoulder pain)

★コメント、TB大歓迎!
でもTBの際は記事に当方のリンクを貼ってください!
↑スパム防止m(_ _)m★

鋼の錬金術師(Full Metal Alchemist)


リラックマ大好き同盟

◆浦和レッズ関連リンク集




栄養源:もち

今月のヒット:浦和レッズ天皇杯優勝!

◆応援しよう!浦和RED DIAMONDS!!(オフィシャルサイト)◆

編み物しよう!


犬と海と空の素材屋さん♪↓
KYOUNO湘南様

Linkのページもぜひ見てね!いろいろあるよ~!

Blog Links


Cちゃんのスタバ
彩りbasket
Living in the edge
エスボックのプランニング・ブティック
サラサレ日記 ~最近少し疲れ気味~
フォロー中のブログ
最新のトラックバック
素人スキン編集-文字、フォント(前編)
以前紹介するといったまま頓挫していた、スキン編集においての文字のさまざま、を紹介します。(スキン関係でTBしていただいたのに気をよくした♪)

背景はいいけど、文字の色、リンクの色が気に食わない、文字を太字にしたい!とは思いつつも、CSSのどこをいじったらどの文字かかわるのかわからない、そんな人のためのスキン編集法です。

文字=フォント、つまりCSS画面では文字の種類や色を変えるコマンドはFONTではじまることが多いです。
FONT : X-LARGE/100%
とか書いてある部分があると思います。

文字の大きさはxx-small, x-small, small, medium, large, x-large, xx-largeの順番で少しずつ大きくなります。
ポイント単位で大きさを変えたい場合は

FONT: 22pt/100% (またはfont-size: 22pt/100%)

などといれてみましょう。
うしろの100%というのは「22ptの文字が何パーセントの大きさで表示されるのか」という指定です。(trickycatさんから、これは「行間指定です」というご指摘がありました!)

また、太字で表示したいときは
FONT: bold (またはfont-weight: bold)

を入れます。色を変えたいときは

COLOR: #000000(6数字で表示される色指定。えーそんなの知らないという人はMariのいろえんぴつなどを参考にしてはいかがでしょうか?)

を使います。Courier New, TAHOMAなどはフォントの種類なのですが、見る人のブラウザや設定によって見れるフォントは異なるため、一番一般的なCourier Newなどの初期設定を使いましょう。タイトルなどで特殊な文字を使いたい場合は、バナーを作りましょう。

ヘッダー(ブログのタイトル)の文字は

DIV.HEADER { }

のカッコの中を変更しますが、その前にHTML画面を見てください。
<DIV CLASS=HEADER><$header$></DIV>
の部分ですが、この<$header$>を消して、自分のブログのタイトルを普通にタイプしていれてからやってください。たとえば
<DIV CLASS=HEADER>頭痛にケロヨン</DIV>
のようにします。それからCSS画面

DIV.HEADER {FONT: bold xx-large/100% Courier New, TAHOMA; COLOR:#0077ff;}

といれてみてください。色とか大きさとかかわりましたか?

同様に
DIV.POST_TTL→記事のタイトル
DIV.POST_BODY→記事の本文
DIV.MNTTL→メモ帳タイトル
DIV.MEMOBODY→メモ帳本文

それぞれの後に続くカッコの中でフォント、色指定ができます。本文、メモ部分でのサイズや色変更はfont-size, font-weight, font-colorって書いたほうがうまくいきます。

記事の文字色を青、太字、Mサイズにしてみよう。

DIV.POST_BODY { font-color:#0077ff; font-size: medium; font-weight: bold;(その他いろいろ書いてあるのはそのまま)}

どうでしょう?セミコロン(;)やコロン(:)のつけ忘れに注意してください。

ブログの配色はこりだすと大変なことになりますが、自分らしいページを作る第一歩、というかんじがします。見やすくもかわいい色、目立つ色など、配色を組み合わせで楽しみましょう!

スキン編集は根気と忍耐。「ここにこれを入れたらどうなるかな?」なゲーム感覚で、こまめにバックアップをとりつつ、いろいろためしつつ解決策を見つけます。初心者どうし、みんなでがんばりましょー!また「おい、ここ間違ってるよ」という発見がありましたらぜひ報告ください!タグなどはエキサイトのものですので、他のブログの人は違う表示になるのだと思います~。

次はリンクの色の変え方と下線のひきかたを紹介する予定ですー。しんどいぞー。

Another article about HTML, CSS editing. This is for excite blog only so I don't know if they will work in other websettings. I am still learning how to design this blog and it sure is fun!
byケロヨン by windupbird | 2004-11-04 14:43 | Skin編集
<< ガンダマニア Gundamania Reality bites >>