<< メニュー:リストを用いたメニュー メンテナンスのお知らせ:11月... >>
 

一部の投稿欄に背景を表示してみました



えこちんていすとを運営しているekoさんの素材がとっても気に入ったので、投稿欄に表示してみました。


一部の記事の背景を指定する方法



この記事の背景タグ
<div style=" background-image:url(イメージファイルURL);background-repeat:repeat-y;background-position:left;padding:0%; margin:0%;width:400px;">

ここに本文を書いています。

</div>





今日のポイント
  • 一部の記事の背景を変えたい場合は、記事の中にdivタグなどを入れて背景を指定することで出来ます。

  • width:400px;で投稿欄の大きさに合わせています。皆さんの設定はもう少し小さいかもしれません。


  • 私は投稿欄にpaddingを指定しているので、marginの値に負の値を入れて綺麗に表示できるようにしています。


  • background-repeat:repeat-y;でY軸(縦)方向の繰り返し表示をしていますが、素材に応じて変更して下さい。



素材
素材は、えこちんていすとを運営しているekoさんからお借りしています。
当サイトは再配布を行っていません。
えこちんていすとさんのところからダウンロードをお願いします。



難易度:★

[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-11-26 20:55 | │├投稿欄 | Trackback(1) | Comments(4)
トラックバックURL : http://potto.exblog.jp/tb/1363442
トラックバックする(会員専用) [ヘルプ]
※このブログはトラックバック承認制を適用しています。 ブログの持ち主が承認するまでトラックバックは表示されません。
Tracked from 王様の耳は猫の耳 at 2004-12-05 18:28
タイトル : [投稿欄に背景を]
ぽっとさんの「一部の投稿欄に背景を表示してみました」に トラバさせて頂きましたっ♪ ぽっとさんのアイデアを使わせてもらって、ちょいと変更しました。 (ダンボールぽい部分) ワンポイントになり、使ってとても良かったです^▽^ background-repeat:repeat-y;の部分を、repeat-xで 仕様しました。 ぽっとさん、ありがとう♪ ... more
Commented by takenamako1242 at 2005-03-14 19:28
ぽっとさん、いつも参考にしています。

いきなり質問なのですが、真ん中にドンとひとつおきたいのですが

どうすればよろしいでしょうか?
Commented by potto37 at 2005-03-14 22:54
takenamako1242さんこんばんは。

え~と、真ん中にドンとひとつとは何をどの部分に置くのでしょうか?
投稿欄の真ん中にイメージファイルを入れるのでしたら以下のコードをCSS編集で入れると可能かと思います。

div.POST_BODY{
background-image:url(イメージファイルURL);
background-position:center center;
background-repeat:no-repeat;
}

また、一部の投稿欄にイメージを入れるのでしたら、imgタグで記事の中に埋め込むこともできると思います。

<DIV ALIGN="center"><img src="イメージファイルURL">
</DIV>
Commented by takenamako1242 at 2005-03-14 23:35
ぽっとさんありがとうございます!

思うようにできました。
Commented by potto37 at 2005-03-15 21:05
takenamako1242さん、こんばんは^^
ご報告のコメントありがとうございます。
投稿欄の真ん中にマークを入れるのもいい感じですね^^
<< メニュー:リストを用いたメニュー メンテナンスのお知らせ:11月... >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。