style 태그를 link 태그로 만들기

작성자코 코|작성시간26.06.23|조회수0 목록 댓글 0
전체 배경과 댓글 창 소스를 LINK 태그 방식으로 만들기
1. <style> 소스에서 
<style>
body, #primaryContent { background-image:
url(https://t1.daumcdn.net/cafeattach/1ZFir/80eafc866300d59ba71de0ce67e32c3facc91d39),
url(https://t1.daumcdn.net/cafeattach/1ZFir/bf5606778bee489a5e99982223d1e47e97e4b826);
background-attachment: fixed;
background-color: #;
background-repeat: no-repeat;
background-position: top 100px right 50px, bottom right;
background-size: 500px, cover;
}
</style> 

에서 <style></style> 를 뺀 아래 부분만 새 메모장에 붙여 넣고

body, #primaryContent { background-image:
url(https://t1.daumcdn.net/cafeattach/1ZFir/80eafc866300d59ba71de0ce67e32c3facc91d39),
url(https://t1.daumcdn.net/cafeattach/1ZFir/bf5606778bee489a5e99982223d1e47e97e4b826);
background-attachment: fixed;
background-color: #;
background-repeat: no-repeat;
background-position: top 100px right 50px, bottom right;
background-size: 500px, cover;
}


아래와 같이 저장함


그러면 저장한 폴더에 아래와 같은 css 파일이 생김


2. css 파일을 업로드 함
- 카페 게시판 편집창에 "파일" 을 클릭한 후 css 파일을 찾아 더불 클릭하면
  편집창에 업로드 됨
  - 개인 카페나 좋은 글방 카페의 게시판에서 선택해 업로드하면 됨
  - 업로드한 파일을 삭제하거나 게시글 자체를 삭제하면 css 파일은 사용이 안됨에 유의)

3. 업로드한 편집창에서 업로드 파일에 "우마우스 - 링크주소 복사" 클릭하면 주소가 복사되고
   메모장등에 붙여넣기 하면 아래와 같은 주소가 나타 남
https://t1.daumcdn.net/cafeattach/1ZFir/f8eca92117bac5d2dad15403b6b23d31c73b8802?download

- 주소의 뒷 부분에 ?download 를 제외한 앞에 주소만 복사한 후
https://t1.daumcdn.net/cafeattach/1ZFir/f8eca92117bac5d2dad15403b6b23d31c73b8802

4. 아래와 같이 LINK 태그 소스에 복사한 주소를 넣어 만든 후
<Link rel="stylesheet" href="css 파일 주소" data-css="">

<Link rel="stylesheet" href="https://t1.daumcdn.net/cafeattach/1ZFir/f8eca92117bac5d2dad15403b6b23d31c73b8802" data-css="">

5. 게시판 편집 창의 "HTML 박스"에 입력해 사용함

.
다음검색
현재 게시글 추가 기능 열기

댓글

댓글 리스트
맨위로

카페 검색

카페 검색어 입력폼