ikanagos diary

投稿ミスのエラーが表示される場所を利用　えらーじ文字が
かぶるかも　ためしにパスワード一文字とあとすべてカラで投稿してみて
たしかめてみた　

今のそのまま載せてみた

/*エラー文字 */
p {
margin-bottom:10px;
background:url(画像URL) no-repeat fixed 98% 10px;
padding:20px 0 30px 0;
color:red;
}


/*背景をやめて利用する場合　下部のコメントに利用*/


body {
background-color: #FFC0CB;
background-image: url(画像URL) ;
background-repeat: no-repeat;
background-position: 98% 98%;
background-attachment: fixed;
}

ほかにも投稿部分のテーブルを利用することもできそうだけど

解像度というかまだ800ぐらいの使ってる人いるのかなぁ
それをかんがえるとどうしても右端にしたくなってしまう(^_^;)


おまけ　参考

/* コメントフォーム */

TEXTAREA { border-style:solid; border-width:1px; border-color:#00CC00; background:#fafad2; font-size:10pt; color:#ff00ff; width:380px;}


/* FROM パス　アドレス　タイトルフォーム */

td INPUT { BORDER-STYLE:solid; BORDER-WIDTH:1px; BORDER-COLOR:#ff00ff; COLOR:#0000ff; BACKGROUND:#fafad2; font-size:12pt; width:300px;}


/* 投稿ボタン */

div INPUT { BORDER-STYLE:solid; BORDER-WIDTH:1px; BORDER-COLOR:#0000ff; COLOR:#ff00ff; BACKGROUND:#ccffff; font-size:12pt; width:50px;}


/* モード 部*/

fieldset {
font-size:11pt;
padding:10px;
margin:0.5em;
border-width: 1px;
border-style: solid;
border-color: Royalblue;
background-color: White;
color:#ff00ff;
}

/* モード*/
LEGEND {
border-width: 1px;
border-style: solid;
border-color: red;
color:red;
background-color: #ffffcc;
padding:5px;
margin:0.2em;

}


/* 投稿部テーブル */

table {
width:500px;
background-image:url(http://www.eclat.cc/theme/sanpo/sq-blue.gif);
padding:10px;
margin-top:10px;
BORDER-STYLE:dashed;
BORDER-WIDTH:1px;
BORDER-COLOR:#0000ff;
}

/* FROM パス　アドレス　タイトル文字部 */
th {
color: #0000ff;
}

どんどん改造してください
BORDER-STYLEを替えるだけでも面白い