舞ときらりと琴
kiramaiha.exblog.jp
ブログトップ
カテゴリ:メモ( 2 )
コメントに画像を いれる!!
「二匹とふたり」はじめのCSS

DIV.COMMENT_BODY {
MARGIN-TOP : 6PX;
MARGIN-BOTTOM : 20PX;
LINE-HEIGHT : 130%;
}
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
「はなママさんから」
ブログコメント欄の画像の入れ方について、
まず、下準備! コメント欄に入れたい画像をまず、新規投稿で一つの記事としてブログに入れます。
これは非公開というところにチェックを入れた記事にしてくださいね。
そして、記事が投稿されたら、その記事の写真を右クリックした一番下のプロパティに書いてあるのが、この画像のアドレスです。このアドレスをあとでコピーして使います。
そして…スキンの編集をいたします。次へ

設定の中のスキン変更画面へ行きます。
それで、現在のスキンの編集というところを開くと
CSS編集というところにDIV.COMENTだったかな?
そういうところがあるから、そこを見つけてください。
以下、うちの場合を貼り付けます↓


DIV.COMMENT { background-color: #f2f6f8; margin: 6px 20px 0px; padding: 15px; border: solid 1px #d0dee8 }
DIV.COMMENT_BODY { line-height: 130%; margin-bottom: 20px; width: 448px; overflow: hidden }TEXTAREA.TXTFLD { height:20em;BACKGROUND-IMAGE:URL(”http://pds.exblog.jp/pds/1/200608/30/83/d0074683_9383269.jpghttp://”);
  BACKGROUND-REPEAT : no-repeat;
  BACKGROUND-attachment : fixed;
  BACKGROUND-POSITION : 100% 100%; }

d0074683_9383269.jpg


ブログの玉手箱
TEXTAREA.TXTFLD
{
HEIGHT : 15EM;
FONT-SIZE : 10PT;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:95% 10%;
background-image:url("入れる画像のURL");
}

d0074683_10581624.jpg



kirariちゃん用(娘)
d0074683_11245732.jpg
TEXTAREA.TXTFLD
{
HEIGHT : 15EM;
FONT-SIZE : 10PT;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:95% 10%;
background-image:url("http://pds.exblog.jp/pds/1/200608/30/83/d0074683_11245732.jpg");
}

-------------------------------------------------------------------------------------------

スキンから 切り取った(娘のブログより)
DIV.COMMENT_INPUT TEXTAREA{
width:456px ! important;
height : 10em ;
background : #ffffff ;
font-size : 10pt ;
color : #000000 ; }

DIV.COMMENT_BODY {
WIDTH : 490PX;
MARGIN : 10PX 20PX;
FONT : NORMAL 12PX/140%;
COLOR : #333;
WORD-BREAK : BREAK-ALL;
}

TEXTAREA.TXTFLD
{
HEIGHT : 15EM;
FONT-SIZE : 10PT;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:95% 10%;
background-image:url("http://pds.exblog.jp/pds/1/200608/30/13/c0080913_1594231.jpg");
}
by kiramaihana | 2006-07-30 09:36 | メモ | Comments(0)
ぷくちゃん用
長いですが よろしくお願い致します m(__)m
/* the mansion04 skin css */

BODY{ BACKGROUND-COLOR : #FFF ; MARGIN : 0PX; PADDING : 0PX;}
BODY,TD,DIV,LI{ FONT : 10PX/160% "ヒラギノ角ゴ Pro W3","MS Pゴシック",VERDANA,TAHOMA; COLOR : #333; }

A:LINK { COLOR: #333; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #333; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #333; TEXT-DECORATION: NONE; }
A:HOVER { COLOR: #333; TEXT-DECORATION: UNDERLINE; }

.MAINBODY {
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11bg.gif) REPEAT-Y;
WIDTH : 790PX;
}


.TOP {
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11top.jpg) NO-REPEAT;
WIDTH : 790PX;
HEIGHT : 350PX;
}

DIV#LEFT {
WIDTH : 609PX;
TEXT-ALIGN : CENTER;
MARGIN : 0PX;
PADDING : 0PX;
}

.LINE {
BACKGROUND-COLOR : #9CC;
WIDTH : 1PX;
}

DIV#RIGHT {
WIDTH : 180PX;
TEXT-ALIGN : LEFT;
MARGIN : 0PX 0PX 30PX 0PX;
PADDING : 0PX;
}

DIV.HEADER A:LINK { COLOR: #FFF; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED{ COLOR: #FFF; TEXT-DECORATION: NONE; }
DIV.HEADER A:ACTIVE{ COLOR: #FFF; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: #FFF; TEXT-DECORATION: UNDERLINE; }

DIV.HEADER {
MARGIN : 207PX 0PX 5PX 0PX;
PADDING : 0PX 15PX 0PX 0PX;
TEXT-ALIGN : RIGHT;
}

DIV.TITLE {
FONT : NORMAL 18PX/140% VERDANA;
}

DIV.URL {
FONT : NORMAL 10PX/120% VERDANA;
}

DIV.USERMENU {
PADDING : 5PX 0PX 5PX 10PX;
TEXT-ALIGN : LEFT;
FONT : NORMAL 10PX/120%;
}

DIV.NICK {
PADDING : 0PX 0PX 30PX 10PX;
TEXT-ALIGN : LEFT;
FONT : NORMAL 10PX/120% VERDANA;
COLOR : #069;
}

DIV.DESCRIPTION {
PADDING : 0PX 10PX 0PX 10PX;
TEXT-ALIGN : LEFT;
FONT : NORMAL 10PX/140% VERDANA;
COLOR : #069;
}

DIV.MN {
WIDTH : 180PX;
MARGIN : 10PX 0PX 20PX 0PX;
TEXT-ALIGN : LEFT;
}

DIV.MN_TTLBG {
WIDTH : 180PX;
HEIGHT : 25PX;
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11mn.gif) NO-REPEAT;
}

DIV.MN_TTLTXT {
MARGIN : 0PX 0PX 0PX 10PX;
PADDING : 5PX 0PX 5PX 0PX;
FONT : NORMAL 10PX/150% VERDANA;
COLOR : #069;
}

DIV.MN_BODY {
WIDTH : 160PX;
MARGIN : 0PX 0PX 0PX 10PX;
PADDING : 10PX 0PX 20PX 0PX;
FONT : NORMAL 10PX/150% VERDANA;
COLOR : #333;
}

DIV.MNTTL {
WIDTH : 180PX;
HEIGHT : 25PX;
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11mn.gif) NO-REPEAT;
}

DIV.MNBODY {
MARGIN : 0PX 0PX 0PX 0PX;
PADDING : 10PX 0PX 20PX 0PX;
FONT : NORMAL 10PX/150% VERDANA;
COLOR : #069;
}

DIV.MEMOBODY{
WIDTH : 180PX;
OVERFLOW : HIDDEN; }

DIV.POST {
WIDTH : 609PX;
TEXT-ALIGN : LEFT;
MARGIN : 0PX 0PX 0PX 0PX;
}

DIV.POST_TTL {
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11ttl.gif) NO-REPEAT;
WIDTH : 609PX;
HEIGHT : 65PX;
MARGIN : 0PX 0PX 0PX 0PX;
OVERFLOW : HIDDEN;
}

DIV.POST_TTLTXT {
WIDTH : 589PX;
MARGIN : 20PX 15PX 3PX 80PX;
FONT : BOLD 12PX/160%;
COLOR : #069;
WORD-BREAK : BREAK-ALL;
OVERFLOW : HIDDEN;
}

DIV.POST_ADMIN {
MARGIN : 5PX 15PX 5PX 0PX;
TEXT-ALIGN : RIGHT;
FONT : NORMAL 10PX/140%;
}

DIV.POST_BODY {
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11entry.gif) REPEAT-Y;
WIDTH : 609PX;
OVERFLOW : HIDDEN;
}

DIV.POST_BODYTXT {line-height: 150%; margin-bottom: 12px; font-size: 13px; color:#000000;
MARGIN : 0PX 30PX 0PX 75PX;
PADDING : 20PX 0PX 40PX 0PX;
FONT : NORMAL 11PX/160%;
COLOR : #333;
WORD-BREAK : BREAK-ALL;
OVERFLOW : HIDDEN;
}


DIV.POST_TAIL {
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11tail.gif) NO-REPEAT;
WIDTH : 609PX;
HEIGHT : 33PX;
MARGIN : 0PX 0PX 50PX 0PX;
}

DIV.POST_TAILTXT {
PADDING : 7PX 0PX 0PX 0PX;
MARGIN : 0PX 15PX 0PX 0PX;
TEXT-ALIGN : RIGHT;
FONT : NORMAL 10PX/160% VERDANA;
COLOR : #333;
}

DIV#PAGE{
MARGIN : 20PX 0PX;
}

#FOOTER A:LINK{ COLOR: #069; TEXT-DECORATION: NONE; }
#FOOTER A:VISITED{ COLOR: #069; TEXT-DECORATION: NONE; }
#FOOTER A:ACTIVE{ COLOR: #069; TEXT-DECORATION: NONE; }
#FOOTER A:HOVER { COLOR: #069; TEXT-DECORATION: UNDERLINE; }

#FOOTER{
BACKGROUND-COLOR : #300;
PADDING : 15PX 0PX 15PX 0PX;
TEXT-ALIGN : CENTER;
FONT : NORMAL 10PX/160% VERDANA;
}

#FOOTER #COPY{
FONT : NORMAL 10PX/160% VERDANA;
COLOR : #069;
}

DIV.COMMENT {
BACKGROUND-COLOR : #F2FCFC;
BORDER : 1PX #9CC SOLID;
MARGIN : 10PX 10PX 50PX 35PX;
WIDTH : 540PX;
}

DIV.COMMENT_BODY {
WIDTH : 490PX;
MARGIN : 10PX 20PX;
FONT : NORMAL 12PX/140%;
COLOR : #333;
WORD-BREAK : BREAK-ALL;
}

DIV.COMMENT_TAIL {
MARGIN : 10PX;
FONT : NORMAL 10PX VERDANA;
COLOR : #333;
}

DIV.COMMENT_INPUT {
BORDER-TOP : 1PX #9CC DOTTED;
MARGIN : 20PX 10PX 10PX 10PX;
PADDING-TOP : 20PX;
FONT-SIZE : 12PX;
COLOR : #333;
}

DIV.COMMENT_LINE {
BORDER-TOP : 1PX #9CC DOTTED;
MARGIN : 1PX 10PX 15PX 10PX;
}

DIV.TRACK_TOP {
MARGIN : 10PX;
FONT : NORMAL 12PX/170% VERDANA;
COLOR : #333;
}

DIV.ARCHIVE_HEAD {
MARGIN-BOTTOM : 10PX;
FONT : BOLD 12PX/120% VERDANA;
COLOR : #333;
}

DIV.ARCHIVE_BODY {
MARGIN : 20PX 0PX;
PADDING-BOTTOM : 100PX;
FONT : NORMAL 12PX/160%;
COLOR : #333;
}

IMG.IMAGE_TOP {
MARGIN : 10PX 0PX;
}

IMG.IMAGE_LEFT {
MARGIN : 5PX 10PX 5PX 0PX;
}

IMG.IMAGE_RIGHT {
MARGIN : 5PX 0PX 5PX 10PX;
}

IMG.IMAGE_MID {
MARGIN : 5PX 10PX 5PX 0PX;
}

IMG.BOOKMK {
BORDER : 0PX;
MARGIN : 10PX;
}

IMG.USERMENU {
MARGIN-LEFT : 8PX;
}

IMG.LOGO {
MARGIN : 25PX 0PX 10PX 10PX;;
}

DIV.BANNER {
MARGIN : 0PX 0PX 0PX 0PX;
}

.SMALL {
FONT : NORMAL 10PX/110% VERDANA;
}

.DATE {
FONT : NORMAL 10PX/110% VERDANA;
}

.TIME {
FONT : NORMAL 10PX/110% VERDANA;
TEXT-ALIGN : LEFT;
}

.AUTHOR {
FONT : BOLD 10PX/110% VERDANA;
}

.TXTFLD{
BACKGROUND: WHITE;
BORDER: 1PX SOLID #9CC;
FONT-SIZE: 10PX;
COLOR: #333;
}

DIV.CAL A:LINK { COLOR: #069; TEXT-DECORATION: NONE; FONT : NORMAL 10PX/160% VERDANA;}
DIV.CAL A:VISITED { COLOR: #069; TEXT-DECORATION: NONE; FONT : NORMAL 10PX/160% VERDANA;}
DIV.CAL A:ACTIVE { COLOR: #069; TEXT-DECORATION: NONE; FONT : NORMAL 10PX/160% VERDANA;}
DIV.CAL A:HOVER { COLOR: #069; TEXT-DECORATION: UNDERLINE; FONT : NORMAL 10PX/160% VERDANA;}

DIV.CAL_TOP {}

DIV.CAL {
BORDER-TOP : 1PX #9CC SOLID;
WIDTH : 170PX;
HEIGHT : 160PX;
PADDING : 10PX 5PX 10PX 5PX;
TEXT-ALIGN : CENTER;
FONT : NORMAL 10PX/160% VERDANA;
COLOR: #333;
}

DIV.CAL_HEAD {
WIDTH : 160PX;
PADDING : 5PX 0PX 10PX 0PX;
MARGIN : 3PX;
TEXT-ALIGN : CENTER;
FONT : BOLD 10PX/160% VERDANA;
COLOR: #333;
}

DIV.CAL_BODY {
WIDTH : 160PX;
TEXT-ALIGN : CENTER;
}

DIV.CAL_BOTTOM {}

.CAL {
TEXT-ALIGN : CENTER;
FONT : NORMAL 10PX/160% VERDANA;
COLOR: #333;
}

.CAL_DAY {
TEXT-ALIGN : CENTER;
FONT : BOLD 10PX/160% VERDANA;
COLOR: #333;
}

.CAL_SUN {
TEXT-ALIGN : CENTER;
FONT : BOLD 9PX/160% VERDANA;
COLOR : #F66;
}

.CAL_SAT {
TEXT-ALIGN : CENTER;
FONT : BOLD 10PX/160% VERDANA;
COLOR : #39F;
}

.CAL_TODAY {
TEXT-ALIGN : CENTER;
FONT : BOLD 10PX/160% VERDANA;
COLOR : #3CF;
}

.CAL_TR {}

DIV.MBL {
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11logo.gif) NO-REPEAT;
WIDTH : 160PX;
HEIGHT : 175PX;
MARGIN : 20PX 10PX 0PX 10PX;
}

DIV.BTM {
TEXT-ALIGN : CENTER;
BACKGROUND : URL(http://md.exblog.jp/skn/img/a/01/04/2//11bnr.gif) NO-REPEAT;
WIDTH : 160PX;
HEIGHT : 105PX;
MARGIN : 0PX 10PX 0PX 10PX;
}

DIV.XML A:LINK { COLOR: #333; TEXT-DECORATION: NONE; }
DIV.XML A:VISITED { COLOR: #333; TEXT-DECORATION: NONE; }
DIV.XML A:ACTIVE { COLOR: #333; TEXT-DECORATION: NONE; }
DIV.XML A:HOVER { COLOR: #333; TEXT-DECORATION: UNDERLINE; }

DIV.XML {
FONT : NORMAL 10PX/100% VERDANA;
COLOR : #333;
}



DIV.COMMENT_INPUT TEXTAREA{
width:456px ! important;
height : 10em ;
background : #ffffff ;
font-size : 10pt ;
color : #000000 ; }
by kiramaihana | 2006-07-26 09:52 | メモ | Comments(4)