入口 > スポンサー広告 > スポンサーサイト DIARY > 文字の装飾について
雪*花トップへ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-------- -- / --:--

ぱる

ちょいっとコメント機能を追加テストちぅ

まーりん

左寄せできるといいかもね?

ぱる

左寄せにしてみたー。
こんな感じでいいかなー?

まーりん

です

パルさんのおかげでサイトが進化していくなw
ありがとですよ!!

コメントの投稿

非公開コメント

雪*花トップへ

文字の装飾について

ども、ぱるでございます。ヾ(*・ω・*)o

今回はゅにさん、だんちょー向けになりますが、日記を書くときの文字の装飾について少々。。。
私の文字装飾のCSSは以下の通りになっています。

span style="font-family:'メイリオ';font-size:12px;color:#FF99DD;line-height:22px;text-shadow: 3px 2px 5px #FFAADD;"
(↑を使う場合は半角の<>で囲ってください)

@font-family:'メイリオ';
フォント自体を指定します。編集ツールには無いコードです。
私はWindows Vista以降標準搭載されている「メイリオ」をベースに作っております。
この指定は、見る人側にフォントが入っていないと機能しません。
(無い場合はブラウザー標準になります。大体はWinならMS P ゴシック、MacならOsakaかな?)

@font-size:12px;color:#FF99DD;
説明不要の文字の大きさと色です。(マテ

@line-height:22px;
1行あたりの高さを指定します。編集ツールには無いコードです。
フォントの大きさ関係なく1行の高さとなりますので、小さすぎると文字が切れます。

@text-shadow: 3px 2px 5px #FFAADD;
文字に影を付けます。編集ツールには無いコードです。
この場合だと左から順番に ”3ピクセル右、2ピクセル下に移動して、5ピクセルぼかして、色は#FFAADD” という命令になります。

文字のここからここまで~って指定をする場合は、半角で <span~ で始めて </span> で必ず終わってください。
でないと、崩れる可能性がありますので。。。


大雑把に説明しましたが、チムメンでブログやっててスタイルシート(CSS)が使える人なども、もしやる気(マテ)があったらチャレンジしてみてくださいv
こういう風にしたい~とかあればBBSやPSOにインした時にでも言ってくださいな。ヾ(*・ω・*)o

でゎでゎヽ(*´∀`*)ノ.+゚
2014-05-24 Sat / 21:01

ぱる

ちょいっとコメント機能を追加テストちぅ

まーりん

左寄せできるといいかもね?

ぱる

左寄せにしてみたー。
こんな感じでいいかなー?

まーりん

です

パルさんのおかげでサイトが進化していくなw
ありがとですよ!!

コメントの投稿

非公開コメント

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。