댓글창 만들기(바탕색 + png 이미지)

[제선]

[ 투명 png 이미지를 배치한 댓글 창 만들기 ]

- 투명한 png 이미지와 댓글창 바탕에 색을 넣은 댓글창 만들기입니다.
아래는 기본 소스 틀로  이 곳에서 직접 소스를 작성하면 됩니다.
사용 방법은 아래에 첨부합니다.

<STYLE>
#bbs_contents body ,#primaryContent
.comment_section,#Content
{
background:
url(이미지 주소),
linear-gradient(90deg, #f2ccff, #8cd98c);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: bottom left 600px, bottom left 250px;
background-size:200px, 600px;
padding : 15px;
}
#bbs_contents body ,#primaryContent
.cont_comment,#Content
{
position:relative; width:600px;left:0px;
font-weight:bold; color:#000000;
}
</style>


★ 위 소스에서 직접 입력 또는 수정하여 복사해 사용하면 됩니다.
★ 내용 전체를 다시 작성할 때는 "새로고침" 클릭하면 초기화 됩니다.

[ 소스 사용 방법 ]

.

[제선]

댓글창 예제 소스입니다.

<STYLE>
#bbs_contents body ,#primaryContent
.comment_section,#Content
{
background:
url(https://t1.daumcdn.net/cafeattach/rjvj/3dafe86da391a2d0a58dfe0596fb0b1ce6fcaef7),
linear-gradient(90deg, #f2ccff, #8cd98c);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: bottom left 550px, bottom left 250px;
background-size:250px, 600px;
padding : 15px;
}
#bbs_contents body ,#primaryContent
.cont_comment,#Content
{
position:relative; width:600px;left:0px;
font-weight:bold; color:#000000;
}
</style>

[제선]

제공한 기본 소스에서 아래 사용방법에 표시한
이미지 주소, 바탕색 배열 , 댓글창 폭(W) 2 군데 입력,
png 이미지 지정폭, png 배치 위치 값(B) 만 입력하면 됩니다.

- 소스 전체를 직접 입력하여 사용해 보시고,
link(css 파일) 태그로 간단한 소스 작성 방법은 추 후에 올려 드리겠습니다.
이미 css 파일 작성해 보신 분들은 바로 사용해 보시고요.

투명한 png 파일은 편지지나 전체 배경, 댓글창,
또는 게시물 속에 넣어 사용하면 좀더 다양한 게시물을 만드실 수 있을 겁니다.

제가 png 이미지 용 게시판을 원했던 이유이기도 합니다.
회원님들의 좋은 이미지 나눔 해 주시며 함께 했으면 합니다.

[쿠인 يغ]

와우 ! 쉽게 설명해 주시고 자료 감사합니다 ㅡ^^

[쿠인 يغ]

이제부터 예쁜 꽃 사진에 담아야 겠어요 png 용으로 쓸수있도록 ㅡ^^