人気ブログランキング | 話題のタグを見る

○○さんの為のエキサイト・スキン編集ブログ
by skin_dasu
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


投稿欄のフォントのサイズ変更、タイトル位置変更等
ハイー。今回は前回の予告通り、投稿文のフォント・サイズの変更と
タイトル&URLのフォント・変更及び位置変更の説明をしまーす。

参考画像が見にくい場合は画像を直接クリックして下さい。
別ウィンドウが開いて多少ですが見やすくなります。

まず、フォント・サイズの変更から。
変更する箇所は前回使用した箇所内です。↓
投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0212732.jpg

font-size : small; の small の部分を変更するだけです。↓

投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0232049.jpg

プレビューすると、↓ small → medium or large

投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_024668.jpg

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
次はメイン・タイトルのフォント・変更です。変更する箇所は DIV.HEADER で始まる
タグ内のフォントの部分を変更するだけです。↓

投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0253369.jpg

好きなフォントを入力して↓

投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_029568.jpg

プレビューすると↓

投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0303459.jpg





・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
次はメイン・タイトル下にあるURLのフォント変更です。↓
投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0321816.jpg

変更する箇所は DIV.URL 内のフォントの部分です。↓
投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_034201.jpg

これもメイン・タイトルの時と同様に好きなフォントを入力して、プレビューすると↓


投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0354896.jpg




・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
次はメイン・タイトルの配置変更です。変更する箇所はは 
DIV.HEADER 内の text-align : left; の部分です。↓

投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0384390.jpg

変更に入力可能なタグは left center right の3つです。
center と入力して↓
投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0412790.jpg

プレビューすると↓
投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0431434.jpg

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
right と入力してプレビューすると↓

投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_04433.jpg

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
次はURLの位置変更です。もうお分かりだと思いますが、変更する箇所は
DIV.URL 内の text-align : left; のleft の部分です。↓
投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0462135.jpg

rightと入力してプレビューすると↓

投稿欄のフォントのサイズ変更、タイトル位置変更等_a0064894_0481639.jpg


今回は割と簡単だったと思います。

次回は投稿文とコメント欄の背景色の変更について予定してまーす。
投稿欄のフォント・サイズやカラーを部分的に変更することについては、
また別に説明する予定です。
by skin_dasu | 2005-12-19 00:56 | 投稿&表示方法 | △TOP
<< 画像サイズの変更 投稿文のカラー&フォントの変更。 >>