文字色をかえよう
文字の色をかえるには、所定の場所に以下のタグを入れます。
| color: #000000; | 赤文字部分を変えることにより、色が変わります。 |
↓ カラーはこちらを参考にしてください ↓
| 挿入場所 | ||
| 全体的な設定 | #container { | |
| 個別設定 | ブログタイトル | #banner h1{ |
| ブログサブタイト | #lead{ | |
| 記事全体 | .articles { | |
| 記事タイトル | .articles-title { | |
| 記事本文 | .articles-body { | |
| コメント欄 | #comment-write textarea { | |
| 表示されるコメント | .comments-body { | |
| サイドバー全体 | .sidebar { | |
| サイドバータイトル | .sidebar-title { | |
| サイドバー本文 | .sidebar-body { |
| 全体的な設定見本 |
| /*—–Common—–*/ #container { width :770px; margin:0 auto; line-height:1.4; text-align:left; color:#444444; border: 1px solid #FF0000; } |
| 個別設定見本 ＜例＞記事本文 |
.articles-body { line-height:160%; padding:5px 20px; color:#000000; } |
文字サイズを変更する
文字のサイズをかえるには、所定の場所に以下のどちらかのタグを入れます。
| font-size: small; | （小）xx-small x-small small medium large x-large xx-large（大） xx-small が一番小さいサイズ、xx-large が一番大きいサイズになります。 |
| font-size:16px; | 細かく設定したい場合は以下のタグを入れてください。 （数字は任意で変えてください） |
| 挿入場所 | ||
| 全体的な設定 | #container { | |
| 個別設定 | ブログタイトル | #banner h1{ |
| ブログサブタイト | #lead{ | |
| 記事全体 | .articles { | |
| 記事タイトル | .articles-title { | |
| 記事本文 | .articles-body { | |
| コメント欄 | #comment-write textarea { | |
| 表示されるコメント | .comments-body { | |
| サイドバー全体 | .sidebar { | |
| サイドバータイトル | .sidebar-title { | |
| サイドバー本文 | .sidebar-body { |
| 全体的な設定見本 |
| /*—–Common—–*/ #container { width :770px; margin:0 auto; line-height:1.4; text-align:left; color:#333333; font-size:16px; border: 1px solid #FF0000; } |
| 個別設定見本 ＜例＞記事本文 |
.articles-body { line-height:160%; padding:5px 20px; color:#333333; font-size:16px; } |
文字の右寄せ・左寄せ・真ん中寄せ
文字の位置を指定するタグです。
必要なタグを、自分が使いたい場所にいれればＯＫです。
| 文字の右寄せ | text-align:right; |
| 文字の左寄せ | text-align:left; |
| 文字の真ん中寄せ | text-align:center; |
| 挿入場所 | ||
| 全体的な設定 | #container { | |
| 個別設定 | ブログタイトル | #banner h1{ |
| ブログサブタイト | #lead{ | |
| 記事全体 | .articles { | |
| 記事タイトル | .articles-title { | |
| 記事本文 | .articles-body { | |
| コメント欄 | #comment-write textarea { | |
| 表示されるコメント | .comments-body { | |
| サイドバー全体 | .sidebar { | |
| サイドバータイトル | .sidebar-title { | |
| サイドバー本文 | .sidebar-body { |
| 全体的な設定見本 |
| /*—–Common—–*/ #container { width :770px; margin:0 auto; line-height:1.4; text-align:left; color:#333333; font-size:16px; border: 1px solid #FF0000; } |
| 個別設定見本 ＜例＞記事本文 |
.articles-body { line-height:160%; padding:5px 20px; text-align:right; color:#333333; font-size:16px; } |
字体を変更する
文字の字体を変えるには、所定の場所に以下のタグを入れます。
| font-family: ＭＳ ゴシック; |
赤文字部分を変えることにより、字体が変わります。
使える字体はweb検索で探してみてくださいね。
| 挿入場所 | ||
| 全体的な設定 | #container { | |
| 個別設定 | ブログタイトル | #banner h1{ |
| ブログサブタイト | #lead{ | |
| 記事全体 | .articles { | |
| 記事タイトル | .articles-title { | |
| 記事本文 | .articles-body { | |
| コメント欄 | #comment-write textarea { | |
| 表示されるコメント | .comments-body { | |
| サイドバー全体 | .sidebar { | |
| サイドバータイトル | .sidebar-title { | |
| サイドバー本文 | .sidebar-body { |
| 全体的な設定見本 |
| /*—–Common—–*/ #container { width :770px; margin:0 auto; line-height:1.4; font-family: ＭＳ ゴシック; color:#333333; font-size:16px; border: 1px solid #FF0000; } |
| 個別設定見本 ＜例＞記事本文 |
.articles-body { line-height:160%; padding:5px 20px; font-family: ＭＳ ゴシック; color:#333333; font-size:16px; } |
スポンサーリンク
