<< プルダウンリンクメニューの設置方法 追加された検索窓にイメージが表... >>
 

投稿欄ヘッダ部分にイメージを表示する方法(猫ちゃん)


投稿欄のヘッダ上部に猫ちゃんを表示する方法です。


a0031863_7414085.jpg

図1 設置例






設置方法


HTML編集の本文部分に以下のタグを追加します。



<DIV CLASS=POST>

<! ---- ここから追加 ------------->
<img src="イメージファイル名" style="position: relative; top: 0px; left: 450px;" >
<! ---- ここまでです ------------->


<DIV CLASS=POST_HEAD>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD WIDTH=80%><$postsubject$></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=1$></TD></TR>

</TABLE>



図2 HTML編集例


今日のポイント
  • img タグにスタイルを指定し、イメージの表示位置を微調整しています。style="position: relative; top: 0px; left: 450px;"



素材はとんとん工房さんからお借りしています。リンクウエアなのでご使用の際には、リンクをお願いします。

猫ちゃんがいっぱいになったので、すこしたったら戻すかも。

ぽっと


CopyRight(C) 2004 All rights reserved by potto37

キーワード:投稿欄 CSS スキン ブログ 編集 スタイルシート HTML
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-08-19 07:39 | │├投稿欄 | Trackback | Comments(11)
トラックバックURL : http://potto.exblog.jp/tb/888398
トラックバックする(会員専用) [ヘルプ]
※このブログはトラックバック承認制を適用しています。 ブログの持ち主が承認するまでトラックバックは表示されません。
Commented at 2004-08-19 23:15
ブログの持ち主だけに見える非公開コメントです。
Commented by snowy2465 at 2004-08-20 00:22
と~っても可愛いですね!
投稿欄ヘッダ部分にイメージをつけてみたいと思います。
早速つけたかったけれど、決まらなかったのでまた後日がんばって
みます。何をつけようかなぁ~考えるとワクワクしますネ!
Commented by potto37 at 2004-08-20 06:48
hikkoroさん、おはようございます^^
いつもコメントありがとうございます。
コメントもらえると嬉しいですね。

私も、カップに寄り添ってねてる猫ちゃんが大好きです。
秋のスキン楽しみですね。

あ、たまにはゆっくりしてくださいね。
Commented by potto37 at 2004-08-20 06:50
snowy2465 さん、おはようございます。
遊びに来ていただいて、うれしいです^^

何をつけるのか迷いますよね。
組み合わせでイメージが大きく変わるので
いろいろ試してみたくなりますね。
Commented by ste.chapelle at 2004-08-20 18:35
はじめまして。いつも拝見させていただいております。
じっくり読んだら私にもできました。
すごくウレシイです!
また参考にさせていただきます。


Commented by potto37 at 2004-08-20 19:42
ste.chapelle さん、はじめまして。
拝見しましたよ^^
上手に設置できてますね。
上手くできると嬉しくなりますね。

また、よかったら遊びに来てくださいね。
Commented by ste.chapelle at 2004-08-20 23:16
ありがとうございます!
これからもっと勉強していきたいと思います。

また参考にさせてください。
Commented by kimutax at 2004-08-28 00:06
ぽっとさん。はじめてコメントさせていただきます。さきほどトラックバックもさせていただきました。といいながら、今までもぽっとさんのブログの記事を参考にmy skinをいろいろいじらせてもらってたんです。スミマセン。。。
これからも、よろしくお願いします!
Commented by potto37 at 2004-08-28 06:54
kimutax さん、はじめまして。
トラックバックありがとうございます。
ご報告ありがとうございます。
スキン編集が楽しいので、いろんなアイディアを出しながら
楽しんでいます。
こちらこそ、よろしくお願いします^^
Commented by anatas at 2007-05-11 22:44
初めまして。
前の記事になりますが、コメントさせてください。

ステキなテクニックがいっぱいで驚きました!
事後報告ですみません。さっそく私も試させていただきました。説明が丁寧でしたのですぐにできました。

まだ初心者なので、こちらでいろいろ勉強させてください。
よろしくお願いいたします。
Commented by potto37 at 2007-05-12 08:20
anatasさん、初めまして。
お役に立てて嬉しいです。
いろいろ遊ぶうちに、自分でもできるようになるので楽しんで下さいね。

こちらこそ、よろしくお願いします。
<< プルダウンリンクメニューの設置方法 追加された検索窓にイメージが表... >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。