<div class="figure-html" data-ke-type="html" data-source="<table cellpadding=15 cellspacing=0 width=600 style=" border:5px solid #0000ff; box-shadow:1px 1px 20px 10px #7c7c7e;" bgcolor=#e6e6e6 align=center>
<tr>
<td><pre style="text-align:left; line-height:1.5">
<font style="font-size:12pt; font-family:굴림; color: #000000; font-weight: bold;"><mark style="background: #666666; font-size:16pt; color: #ffffff; ; border: 2px solid #0000ff; padding:3px">[ 댓글창 소스를 css 파일로 만들기 ]</mark>
댓글창 소스를 css 파일로 만들어 간편하게 사용하는 방법입니다.
댓글창을 만들 때는 소스가 복잡하여 복사해 다시 사용하는 데 불편합니다.
이 것을 css 파일로 만들어 카페 게시판에 업로드 후 link 태그로 만들면
한 줄로 간편하게 한 후 다른 게시물에도 반복 사용할 수 있습니다.
1. 댓글창 소스 만들기
아래 자료를 참조하여 만들어 보세요.
<a href="https://cafe.daum.net/daum1000/LcqY/22642" target=_blank>댓글창 만들기(바탕색 + png 이미지)(클릭)</a>
2. 댓글창 소스를 css 파일로 만들기
<a href="https://t1.daumcdn.net/cafeattach/1ZFir/85bea0b742c705d4783da9f780a77ae7f101d380" target=_blank>css 파일 만들기 (클릭)</a>
3. css 파일을 게시판에 업로드하여 주소 만들기.
- 개인 카페가 있으면 그 곳에 업로드해도 되며,
개인 카페가 없으면, 여기 카페에 게시판을 이용해도 됩니다.
다른 게시물 올리면서 css 파일 하나 추가해 업로드 하면 됩니다.
<marK>단 업로드 파일을 삭제하거나 게시물 자체를 삭제하면 업로드된
css 파일은 사용할 수 없습니다</mark>
<a href="https://t1.daumcdn.net/cafeattach/1ZFir/47a11717f24d7d76ff54b666dec5ee5087c58298" target=_blank>css 파일 업로드 하기(클릭)</a>
4. css 파일 주소 찾기
- 업로드한 편집창의 css 파일에서 "우마우스 클릭 - 링크주소 복사 클릭" 하면
css 파일의 주소가 복사됩니다.
복사한 주소를 메모장 등에 붙여 넣기 하면 아래와 같은 주소가 나타 납니다.
복사한 주소의 끝 부분의 <font color=red>?download</font> 는 잘라 버리고 사용합니다.
예 : 업로드 한 css 파일에서 복사한 주소
https://t1.daumcdn.net/cafeattach/1ZFir/b39c85082ff0ea7b32d071cd1276090033789fb9?download
사용할 link 주소 :
https://t1.daumcdn.net/cafeattach/1ZFir/b39c85082ff0ea7b32d071cd1276090033789fb9
5. css 주소를 link 태그에 적용하고 사용하기
- 사용할 link 주소를 아래 태그 "주소" 자리에 대신 하면 link 태그가 완성됩니다.
<<!>link rel="stylesheet" href="주소" data-css="">
주소 입력결과
<<!>link rel="stylesheet" href="https://t1.daumcdn.net/cafeattach/1ZFir/b39c85082ff0ea7b32d071cd1276090033789fb9" data-css="">
(data-css="" 자리에 댓글창 이름 등을 간단히 표기하면 관리에 편리합니다 ....예 : data-css="댓글창0")
- 완성된 link 태그 소스를 복사해 게시판 편집창 "HTML 삽입" 박스에 입력하면 댓글창이 만들어 집니다.
★. 위와 같은 방법으로 여러 개의 댓글창 css 파일 주소들을 만들어 놓고 필요할 때 복사해 사용하면 간편합니다.
... 반복하여 사용하는 배경 관련 소스, 웹폰트 또는 특정 태그 소스 들도
css 파일로 만들어 link 태그로 사용하면 편리합니다.
※ 아래는 댓글창 예제들의 css 파일 주소 모음입니다.
link 태그에 적용해 사용할 수 있습니다.
https://t1.daumcdn.net/cafeattach/1ZFir/173ef67f5b8892b4e410e8063b9abf317445ce0b
https://t1.daumcdn.net/cafeattach/1ZFir/95a0e811bf08e75937b420415e7899bdbbe1fc66
https://t1.daumcdn.net/cafeattach/1ZFir/e267a82f05082e86643f8245ca00cca9479e85de
https://t1.daumcdn.net/cafeattach/1ZFir/61b8b206eb85468cc192f75331bcd648488ee79a
https://t1.daumcdn.net/cafeattach/1ZFir/4fabf37960100f1124c4cf73a8b9c12f3cf76af0
https://t1.daumcdn.net/cafeattach/1ZFir/d294a8ff3f5020fa18349f5bb3dd4c9220a52cb5
https://t1.daumcdn.net/cafeattach/1ZFir/a7036506131c3cea36849d0c2a803fa2afcc1cc5
</font></pre></td></tr></table>
<link rel="stylesheet" href="https://t1.daumcdn.net/cafeattach/1ZFir/4fabf37960100f1124c4cf73a8b9c12f3cf76af0" data-css="">
<Style>
body, #primaryContent { background-image:
linear-gradient(90deg, #e6e6e6, #e6e6e6);
background-attachment: fixed;
background-color: #;
background-repeat: no-repeat;
background-position: bottom right;
background-size: cover;
}
</style>.."><div data-ke-class="article"><table cellpadding=15 cellspacing=0 width=600 style=" border:5px solid #0000ff; box-shadow:1px 1px 20px 10px #7c7c7e;" bgcolor=#e6e6e6 align=center>
<tr>
<td><pre style="text-align:left; line-height:1.5">
<font style="font-size:12pt; font-family:굴림; color: #000000; font-weight: bold;"><mark style="background: #666666; font-size:16pt; color: #ffffff; ; border: 2px solid #0000ff; padding:3px">[ 댓글창 소스를 css 파일로 만들기 ]</mark>
댓글창 소스를 css 파일로 만들어 간편하게 사용하는 방법입니다.
댓글창을 만들 때는 소스가 복잡하여 복사해 다시 사용하는 데 불편합니다.
이 것을 css 파일로 만들어 카페 게시판에 업로드 후 link 태그로 만들면
한 줄로 간편하게 한 후 다른 게시물에도 반복 사용할 수 있습니다.
1. 댓글창 소스 만들기
아래 자료를 참조하여 만들어 보세요.
<a href="https://cafe.daum.net/daum1000/LcqY/22642" target=_blank>댓글창 만들기(바탕색 + png 이미지)(클릭)</a>
2. 댓글창 소스를 css 파일로 만들기
<a href="https://t1.daumcdn.net/cafeattach/1ZFir/85bea0b742c705d4783da9f780a77ae7f101d380" target=_blank>css 파일 만들기 (클릭)</a>
3. css 파일을 게시판에 업로드하여 주소 만들기.
- 개인 카페가 있으면 그 곳에 업로드해도 되며,
개인 카페가 없으면, 여기 카페에 게시판을 이용해도 됩니다.
다른 게시물 올리면서 css 파일 하나 추가해 업로드 하면 됩니다.
<marK>단 업로드 파일을 삭제하거나 게시물 자체를 삭제하면 업로드된
css 파일은 사용할 수 없습니다</mark>
<a href="https://t1.daumcdn.net/cafeattach/1ZFir/47a11717f24d7d76ff54b666dec5ee5087c58298" target=_blank>css 파일 업로드 하기(클릭)</a>
4. css 파일 주소 찾기
- 업로드한 편집창의 css 파일에서 "우마우스 클릭 - 링크주소 복사 클릭" 하면
css 파일의 주소가 복사됩니다.
복사한 주소를 메모장 등에 붙여 넣기 하면 아래와 같은 주소가 나타 납니다.
복사한 주소의 끝 부분의 <font color=red>?download</font> 는 잘라 버리고 사용합니다.
예 : 업로드 한 css 파일에서 복사한 주소
https://t1.daumcdn.net/cafeattach/1ZFir/b39c85082ff0ea7b32d071cd1276090033789fb9?download
사용할 link 주소 :
https://t1.daumcdn.net/cafeattach/1ZFir/b39c85082ff0ea7b32d071cd1276090033789fb9
5. css 주소를 link 태그에 적용하고 사용하기
- 사용할 link 주소를 아래 태그 "주소" 자리에 대신 하면 link 태그가 완성됩니다.
<<!>link rel="stylesheet" href="주소" data-css="">
주소 입력결과
<<!>link rel="stylesheet" href="https://t1.daumcdn.net/cafeattach/1ZFir/b39c85082ff0ea7b32d071cd1276090033789fb9" data-css="">
(data-css="" 자리에 댓글창 이름 등을 간단히 표기하면 관리에 편리합니다 ....예 : data-css="댓글창0")
- 완성된 link 태그 소스를 복사해 게시판 편집창 "HTML 삽입" 박스에 입력하면 댓글창이 만들어 집니다.
★. 위와 같은 방법으로 여러 개의 댓글창 css 파일 주소들을 만들어 놓고 필요할 때 복사해 사용하면 간편합니다.
... 반복하여 사용하는 배경 관련 소스, 웹폰트 또는 특정 태그 소스 들도
css 파일로 만들어 link 태그로 사용하면 편리합니다.
※ 아래는 댓글창 예제들의 css 파일 주소 모음입니다.
link 태그에 적용해 사용할 수 있습니다.
https://t1.daumcdn.net/cafeattach/1ZFir/173ef67f5b8892b4e410e8063b9abf317445ce0b
https://t1.daumcdn.net/cafeattach/1ZFir/95a0e811bf08e75937b420415e7899bdbbe1fc66
https://t1.daumcdn.net/cafeattach/1ZFir/e267a82f05082e86643f8245ca00cca9479e85de
https://t1.daumcdn.net/cafeattach/1ZFir/61b8b206eb85468cc192f75331bcd648488ee79a
https://t1.daumcdn.net/cafeattach/1ZFir/4fabf37960100f1124c4cf73a8b9c12f3cf76af0
https://t1.daumcdn.net/cafeattach/1ZFir/d294a8ff3f5020fa18349f5bb3dd4c9220a52cb5
https://t1.daumcdn.net/cafeattach/1ZFir/a7036506131c3cea36849d0c2a803fa2afcc1cc5
</font></pre></td></tr></table>
<link rel="stylesheet" href="https://t1.daumcdn.net/cafeattach/1ZFir/4fabf37960100f1124c4cf73a8b9c12f3cf76af0" data-css="">
<Style>
body, #primaryContent { background-image:
linear-gradient(90deg, #e6e6e6, #e6e6e6);
background-attachment: fixed;
background-color: #;
background-repeat: no-repeat;
background-position: bottom right;
background-size: cover;
}
</style>..</div></div><p> </p>
<!-- -->
기존의 css 파일을 수정해 사용하고자 할 때는 (예로 오리 가족을 좀 더 크게 하거나 다른 이미지를 사용 또는 바탕 배경색을 바꾸고자 할 때 등) css 주소를 인터넷 주소 칸에 붙여 넣고 엔터 치면 해당 소스가 열립니다. 소스의 내용을 복사해 새 메모장에 붙여 널고 필요한 부분을 수정하고 다시 css 파일로 저장 후 업로드하여 새 주소 만들어 사용하면 됩니다.
첫댓글
댓글창 소스를 css 파일로 만들어 사용하면
여러 게시판에 반복해 사용할 때 편리하며,
다수의 댓글창을 만들어 놓고, 필요할 때 선택해 가며
사용하기도 간편합니다.
css 파일 사용방법을 이용하면 웹폰트나 전체 배경 등도
미리 만들어 놓고 필요할 때 링크하여 사용할 수 있으니
이용해 보세요.
기존의 css 파일을 수정해 사용하고자 할 때는
(예로 오리 가족을 좀 더 크게 하거나 다른 이미지를 사용
또는 바탕 배경색을 바꾸고자 할 때 등)
css 주소를 인터넷 주소 칸에 붙여 넣고 엔터 치면
해당 소스가 열립니다.
소스의 내용을 복사해 새 메모장에 붙여 널고
필요한 부분을 수정하고 다시 css 파일로 저장 후
업로드하여 새 주소 만들어 사용하면 됩니다.
자료 감사합니다 ㅡ^^