お蔵入り
ライブドアブログの場合、どうすれば背景画像の上にテキストを入力できるか?又、どうすればテキストに背景画像を回り込ませることができるのか?教えて下さい
2006-03-11 20:09の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答(3)
1.
2006-03-11 20:30:03
簡単なのは、テーブルタグを使うことです
<TABLE BORDER="0" BACKGROUND="画像アドレス" width="横幅" height="縦幅"><TR><TD>好きなテキスト</TD></TR>
</table>
こんな感じかな?
<TABLE BORDER="0" BACKGROUND="画像アドレス" width="横幅" height="縦幅"><TR><TD>好きなテキスト</TD></TR>
</table>
こんな感じかな?
2.
2006-03-13 22:47:34
スタイルシートを使います。
タグが使えるブログでは共通だと思いますが、スタイルシートを用いることで背景は使えます。別途画像をアップロードしておき、urlだけを取得します。(ライブドアブログの場合、大きな画像と小さな画像ができますから、大きい方の画像を使うように注意してください。)
タグの例1)
<span style="background:url(画像の場所);">
今日の天気は大雪でした。雪かきを3時間もやりました・・・などと本文を書いていく。この文書を書いた部分はすべて背景が出てきます。
</span>
タグの例2)
<div style="background:url(画像の場所);">
今日の天気は大雪でした。雪かきを3時間もやりました・・・などと本文を書いていく。この文書を書いた部分はすべて背景が出てきます。
</div>
タグが使えるブログでは共通だと思いますが、スタイルシートを用いることで背景は使えます。別途画像をアップロードしておき、urlだけを取得します。(ライブドアブログの場合、大きな画像と小さな画像ができますから、大きい方の画像を使うように注意してください。)
タグの例1)
<span style="background:url(画像の場所);">
今日の天気は大雪でした。雪かきを3時間もやりました・・・などと本文を書いていく。この文書を書いた部分はすべて背景が出てきます。
</span>
タグの例2)
<div style="background:url(画像の場所);">
今日の天気は大雪でした。雪かきを3時間もやりました・・・などと本文を書いていく。この文書を書いた部分はすべて背景が出てきます。
</div>
3.
2006-03-13 22:50:27
画像をアップロードする方法も紹介します。
ブログの投稿画面の左「ファイルのアップロード 」を選び、管理画面から「ファイルをアップロードする」を選ぶと、「ファイルのアップロード/管理」が出ます。
「ファイルを選択」の右側にある「参照」ボタンで、保存した画像を呼び出します。タイトルは好きな名前を付けてください。サムネイルは今回なら必要ありません。チェックを外しておくと良いです。「選択したファイルをアップロードする」ボタンを押して、うまくいけば「ファイルのアップロードが完了しました。」と表示されます。
投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。使いたい画像を見つけて「投稿する」ボタンを押します。
挿入された例)
<A href="http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...; target=_blank><IMG class=pict height=16 alt=test hspace=5 src="http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...; width=159 align=left border=0></A>
urlだけを取りだした例)
http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...
取りだしたurlは、画像のurl部分と置き換えてみてください。SVさんの回答1ならば「画像アドレス」、私の回答2ならば「画像の場所」を取りだしたurlに書き換えます。
ブログの投稿画面の左「ファイルのアップロード 」を選び、管理画面から「ファイルをアップロードする」を選ぶと、「ファイルのアップロード/管理」が出ます。
「ファイルを選択」の右側にある「参照」ボタンで、保存した画像を呼び出します。タイトルは好きな名前を付けてください。サムネイルは今回なら必要ありません。チェックを外しておくと良いです。「選択したファイルをアップロードする」ボタンを押して、うまくいけば「ファイルのアップロードが完了しました。」と表示されます。
投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。使いたい画像を見つけて「投稿する」ボタンを押します。
挿入された例)
<A href="http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...; target=_blank><IMG class=pict height=16 alt=test hspace=5 src="http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...; width=159 align=left border=0></A>
urlだけを取りだした例)
http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...
取りだしたurlは、画像のurl部分と置き換えてみてください。SVさんの回答1ならば「画像アドレス」、私の回答2ならば「画像の場所」を取りだしたurlに書き換えます。
Ads By Google


