|
まずはトップページから順にフォントを変えていきます♪ 【追記】（08/06/05） ブログ管理のタイトルデザイン設定画面からタイトル文字の位置変更が出来るようになりました。 お手軽・簡単に変更したい場合はこちらから CSS（スタイル編） 簡単♪ タイトル画像を簡単に変更する♪ 〜タイトルデザイン設定 もう少し手を加えたい場合には下記の記事をご覧ください。  トップページ タイトルのフォント♪ トップページのタイトルは『サイズ・色・配置』の変更をします。 【フォントの大きさを指定します】 場所 『/* タイトルテキスト */』 『 #banner h1{ 』の後に下の文字列を追加します。 『■』には文字サイズを％で入力します。 （例：font-size:150%;） 変更後、画面で確認して適当な数値にします。 font-size:■%; 【フォントの色を指定します】 場所 『/* タイトルテキスト */』の文字列の後に新規で文字列を追加します。 『●』にはカラーコードを入力します。 （例：color:#7FFF00;） #banner h1 a { color:●; } 【フォントの位置を指定します】 場所 『/* タイトルテキスト */』 先程入力した『 font-size:■%; 』の後に下の文字列を追加します。 入力する数値で『▲』は上から下、『◆』は右から左へと文字の位置が移動します。 変更後、画面で確認して適当な数値にします。 position:relative; top:▲px; left:◆px; ※タイトルフォントの表示位置は配置を指定しない場合、 選択しているデザインテンプレート用の配置が適用されます。 また、CSS編集のみで表示する場合は左上に配置されます。 デザインテンプレート用の文章が入っているケースもあるので、 位置調整をする際にはそれも考慮してフォントの配置を行います。 B 『 トップ、月別、テーマ別ページ 』 CSS 全体Map /* タイトル領域内のアンカー */ 好きな位置に配置できます（ん）  ※ 上記以外でも『中央揃え』や『右揃え』といった設定も出来ます。 『中央揃え』なら #banner h1{ 『右揃え』なら #banner h1{ ※ タイトルのフォントを非表示にすることも出来ます。 文字を表示したくない場合は下のように文字列を追加します。 /* タイトルテキスト */ プロフィール欄のフォント♪ プロフィール欄に移ります。 プロフィールラベル（ブログ名・ブログ紹介の文字）の『サイズ・色・配置』を変更します。 ためしに右揃えにしてみましょう♪ 場所 『/* ラベル(「ブログ名」「自己紹介」) */』 『 #profile dt{ 』の後に下の文字列を追加します。 font-size:■%; color:●; text-align:right; プロフィールの本体部分の『サイズ・色・配置』を変更します。 こちらも右揃えにします♪ 場所 『/* プロフィールテキスト */』 『 #profile dd{ 』の後に下の文字列を追加します。 font-size:■%; color:●; text-align:right; B 『 トップ、月別、テーマ別ページ 』 CSS 全体Map /*---------------- プロフィール ----------------*/ プロフィールラベルの色とプロフィール文の色が変わりました♪  ※プロフィールの文字は基本表示設定（ブログ紹介編集）でもデザインの指定が出来ます。 CSS編集でデザインを指定しなくても、強調・色・大きさなど記事を書く時と同じように タグを使用して入力していけばオーケーです。 AWA's Life へようこそ♪ …であれば、 <span style=color:#36f><span style=font-size:larger>AWA's Life へようこそ♪</span></span> このように記述すればいいわけです。 これでもフォントのデザインは変えることが出来ます。 また、『CSS編集』でプロフィール文全体のフォントの色を決めておき、 『ブログ紹介編集』で一部分だけ色を変えるといった応用もできたりします♪ 関連記事 ウェブリブログでパンヤの絵文字〜フリースペースの活用♪ 今回はトップページのタイトル〜プロフィール欄のフォントのデザインが変えました♪ 次回はトップページの記事一覧のフォントのデザインです。 |ω・)ﾉｼ See you♪ |彡 ｻｯ  CSS編集や小技でブログをコーディネート♪ デザイン変更のための記事をいろいろまとめたページです。 ブログをいじっちゃおぅ♪ 〜 ブログのレシピ 〜 |
| << 前記事（2008/02/17） | トップへ | 後記事（2008/02/17）>> |
| タイトル （本文） | ブログ名／日時 |
|---|
| 内 容 | ニックネーム／日時 |
|---|
| << 前記事（2008/02/17） | トップへ | 後記事（2008/02/17）>> |
ノ
