tagu2
（枠の出ないタイプです）
そのままコピーペーストして使ってください。
ただし、先に画像URLを用意して書き込んでからUPしてくださいね。
ここに日記の文章を書きます。
Designed by Kinako
★日記枠の説明★
これの画像位置は、中央にきます。
画像によっては文字が見にくくなりますので
文字色や大きさ、段落を考えて
で調整してください。
ただし、楽天の日記を書くページは
タグを使わなくても
Enterキーを押すだけで、行間は出来ますが
ページなどで編集する時は
タグを使わないとだめですよ～。
とは行を変えるタグです。
WIDTH=550px;
日記枠は出ませんが、にっきの幅です。
background: url
自分の画像アドレスを書き込んでください。
background-repeat
画像を繰り返すかどうかの指示です。
no-repeatと書き込まれていますね。
ここでは、繰り返さないという指示をしています。
<: no-repeat>を取り外すと、指定した枠の幅に
同じ画像を繰り返した背景になります。
background-attachment
attachmentとは、付属品・すなわち画像のことです。
fixed;background-position
fixedとは固定したと言う意味です。
●画像をこの位置に繰り返さないで固定しました。
と言う指示をしたタグソースです。
補足を参照してください。
《 画像の位置 》を簡単に変える事が出来ますよ。
一箇所を変えるだけで、タグソースは全部一緒です。
上のタグソースの赤の数値を変えてください。
中央に固定したい時 50% 50% これは上で示しているものです
右下に固定したい時 100% 100% right bottom でもよい。
右上に固定したい時 100% 0% right top でもよい。
左下に固定したい時 0% 100% left bottom でもよい。
左上に固定したい時 0% 0% left top でもよい。
★画像の大きさや、日記の文字数によっては
画像位置がきちんと出てきません。
それを頭に入れた上で、色々試してみてくださいね。
・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:・:--☆--:・:--☆--:・:・:
★背景１つ 固定スタイルソース
（枠のあるタイプです）
そのままコピーペーストして使ってください。
ただし、先に画像URLを用意して書き込んでからUPしてくださいね。
ここに日記の文章を書きます。
Designed by Kinako
これの画像位置は、右下にきます。
先にも書きましたがright bottomと表示してある赤文字は
100% 100% と同じ意味です。
枠の無いタイプで書いたのと同じです。
＜％＞
を替える事で、画像位置を変える事が出来ます。
★画像を使った日記枠 NO１★で説明しました
枠のスタイルを好きなものに変更してください。
青字で書かれている色に関しては
お好きな色に変えてください。
カラーサンプルサイト１
カラーサンプルサイト２
カラーコードを使う時は # からコピーして使ってくださいね。
日記枠の説明を参照してくださいね
補足を参照してください。
★背景に色を使った日記枠★
＜Center＞タグを使ったタイプです。
NO１へいく
★枠のないタイプ★
そのままコピーペーストして使ってください。
ここに日記の文章を書きます。
:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:
この日記枠は、枠無しタイプです。
背景のカラーのみ表示されます。
＜WIDTH=550＞で日記枠幅を決めてください。
＜face＞とは、書体を表します。
特別変わったものにしないときは、この部分を削除してください。
↑のようになります。
★
この見本の日記枠のタグは、↓の様になります。
このまま、コピーペーストして使えます。
文章を書いた後の閉じタグを忘れないでね～★
Designed by Kinako
これと同じ日記枠でも、色々なタグの表示があります。
ここでは、あえて、解りやすくしてあります。
★枠のあるタイプ★
そのままコピーペーストして使ってください。
ここに日記の文章を書きます。
:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:
枠無しと同じですが、赤い部分が増えました。
＜WIDTH:550px;＞日記枠幅です。
文字数を変えて好きな幅にして下さい。
＜border-style＞は日記画像背景１を参照してください。
枠無しタイプと同じで、＜face＞部分は外しても構いません。
枠無しタイプを参照してくださいね。
この見本の日記枠のタグは、↓の様になります。
このまま、コピーペーストして使えます。
文章を書いた後の閉じタグを忘れないでね～★
Designed by Kinako
これと同じ日記枠でも、色々なタグの表示があります。
ここでは、あえて、解りやすくしてあります
© Rakuten Group, Inc.
