人気ブログランキング | 話題のタグを見る


HTML&CSS結果報告④過去のコメント欄とタイトル画像

・・・一言で言って・・・懐かしすぎますが


■現在のコメント欄のソース
TEXTAREA.TXTFLD の中に
{background-image:url('http://pds.exblog.jp/pds/1/200410/11/31/cat005_2.gif');
background-position:bottom right;
background-repeat:no-repeat;}

というソースが入っています。
*開けてみてください。ネコちゃんが手を振っていますね



■以前使用したことのあるコメント欄外にイラストを入れた時のソース
CSS編集画面内で

DIV.COMMENT_INPUT の所に

background-image:url('http://pds.exblog.jp/pds/1/200606/06/24/d0002224_215571.gif');
background-repeat:no-repeat;
background-position: 100% 100%;}
が入っています
HTML&CSS結果報告④過去のコメント欄とタイトル画像_d0002224_14124494.gif

こういう絵柄が欄外右下に入ります

こんなのも↓ありました
HTML&CSS結果報告④過去のコメント欄とタイトル画像_d0002224_14141096.gif


■タイトル部分に自分のイラストを入れた時のソース
HTML編集画面内で

<その1>
<DIV ID=TOP>
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV><center><img src=http://pds.exblog.jp/pds/1/200609/02/24/d0002224_2134113.gif
WIDTH=450 HEIGHT=170></center>  ~~~

が入っています。
HTML&CSS結果報告④過去のコメント欄とタイトル画像_d0002224_14163692.gif

コーヒー豆が飛んでます

<その2>

<DIV ID=TOP>
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV><center><img src=http://pds.exblog.jp/pds/1/200607/16/24/d0002224_231589.gif
WIDTH=450 HEIGHT=80></center>
<DIV CLASS=HEADER>  ~~~

が入っています
HTML&CSS結果報告④過去のコメント欄とタイトル画像_d0002224_14173677.gif

夏用です


このHTMLタグの<>は2バイト文字に変更してあります。因みに最初ソースを丸ごとコピペしてこの記事投稿画面に貼り付けてみたところ、もちろん表示されませんでした。<>が1バイト(半角)でHTMLとして認識されたからなんですね。

自分の保存用には丸ごとコピペした1バイトの<>のソースを保存しておきます。

私のスキンというタグの記事すが、正直自分メモなので記事を読むよりはそのリンク先の記事を参照することが解かり易いに違いありませんので悪しからず。

また、エキサイトの掲示板を見ると探していることが色々見つけられますし、エキブロ新聞の特集記事『CSS&HTML / Tips特集 』を読むと夢が膨らみます。あ、本業でない者のつぶやきですので。
by t2mina | 2007-01-11 15:26 | TB・ブログ