TOTAL YESTERDAY TODAY
名刺交換ブログトップ
タイトル: カテゴリ:コメント関係( 5 )
2006年 07月 15日
タイトル: コメント送信ボタンの装飾。
こんにちは。久々の更新です^^;

今日はコメント送信ボタンの装飾をやってみたいと思います。

CSSに次のものを追加すると完成です。

INPUT
{
background : #○○○○○○;
border-width : px;
border-style : double;
border-color : #○○○○○○;
}


上のは例ですのでいろいろ試してみてください。
青文字の部分はそれぞれ変えるとアレンジできるかと思います。

個人的にはborder-styledoubleborder-width3pxが一番ちょうど良いかと思います。
[PR]
by butyo_1280 | 2006-07-15 13:53 | コメント関係
2006年 03月 08日
タイトル: コメント部分の文字色を変更。
コメントにお答えして早速やっていきたいとおもいます。

DIV.COMMENT_BODY
{
color : #○○○○○○;
border : 1px #AAA solid;
background-color : #CBDAAE;
margin : 10px 20px 20px 20px;
padding : 0px 5px 0px 5px;
}


DIV.COMMENT_BODYの中に上の青文字の部分を入れると完了です。
[PR]
by butyo_1280 | 2006-03-08 12:07 | コメント関係
2005年 12月 14日
タイトル: コメントを一人一人区切る。
コメントが長くなるとどれがだれのコメントかわからなくなることってないですか?(無い人はごめんなさいm( _ _ )m

あるあるという方には今回の編集は良いかもしれませんね^^;

やることはいたって簡単です。ひとつだけCSSのCOMMENT_BODYに追加するだけです。

追加下ソースは以下です。

/* コメントの内枠部分 */
DIV.COMMENT_BODY
{
background-color : #ECF1E9;
margin : 10px 20px 20px 20px;
border : 1px #AAA solid;
}


青色の部分が今回追加した部分になります。

border部分をどのようにするかはみなさんにお任せします。ご自由にアレンジしてみてください。
[PR]
by butyo_1280 | 2005-12-14 16:10 | コメント関係
2005年 09月 25日
タイトル: コメント部分のスキン編集。
今日は、コメントを書き込む欄の上に『♪コメントよろしくお願いします♪』という画像を載せました_|\○_ ヒャッ ε= \_○ノ ホーウ!!!

編集は↓こんな感じです。

DIV.COMMENT_INPUT {
MARGIN-TOP : 20PX;
PADDING-TOP : 25PX;
BORDER-TOP : 1PX #AAA DOTTED;
BACKGROUND:URL(http://pds.exblog.jp/pds/1/200509/25/54/comment.jpg);
BACKGROUND-REPEAT:NO-REPEAT;
BACKGROUND-POSITION:TOP CENTER;
}


テキストを載せるのはいまいち操作場所が分からなかったんですけど、画像なら何とか載せれるみたいだったのでやってみました。

思っていたものが作れたので良かったです^^

crossmoon2さんのページを参考に編集させてもらいました。

意外と簡単にできるものなので、一度やってみてはいかがですか??
[PR]
by butyo_1280 | 2005-09-25 18:57 | コメント関係
2005年 09月 23日
タイトル: 広いコメント欄
今日は、コメント欄を広くしていました♪

やることはいたって簡単です^^

TEXTAREA.TXTFLD {height:10em;}


というのをCSSの中に追加してあげるだけでOKです。

bgcolorなどをいじったりしてみると楽しいですよ^^

皆さんも自分だけのスキンを作ってみてはいかがですか(*^o^*)
[PR]
by butyo_1280 | 2005-09-23 08:12 | コメント関係


S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
        
Banner
チカさん作
↓画像提供↓
HEAVEN'S GARDENさん         
by butyo_1280