http://item.naver.com/ 에 접속하여 맘에 드는 스킨을 찜해둡니다.
위 위치에서 소스보기를 클릭하여 소스를 봅니다.
전체를 선택하여(Ctrl + A) 복사합니다.(Ctrl + C)
편의상 EditPlus 에 붙혀넣기(Ctrl + V) 합니다.
naver_skin.css 를 불러옵니다.
이제 네이버에서 복사해온 소스랑 naver_skin.css소스랑 비교해보시면 다 된겁니다.;
1. 우선 배경 이미지 부터 해보겠습니다.
네이버 소스 : 34번째 라인
naver_skin.css : 16번째 라인
http://경로/1142498_pattern.jpg
부분을 복사하여, 익스플로워 주소창에 붙혀넣기 후 그림을 photo에 적절한 이름으로 저장합니다. 예) 19_pattern.jpg
http://경로/1142498_top.jpg
부분도 저장합니다. 예) 19_top.jpg
이제 naver_skin.css부분을 수정합니다.
이제 다른 부분을 차근히 하시면 됩니다.
/* title */ 34번째 라인
title 부분은 color부분만 수정합니다.
그 아래 부분은 전체 복사 해서 naver_skin.css 같은 부분을 바꿔치기 합니다.
/* opacity 주기 */
이런 식으로..
naver_skin.css 에 있는 주석을 보면서 바꿔치기를 하면 됩니다^^
간단하죠?; 괜히 설명만 더 어렵게 한듯 하네요 -_-;
다 하신후, 계정에 올리시면 되겠씁니다.-ㅁ-
티스토리 사용자 분들은.. 경로만 살짝 변경해주면 됩니다.
skin.html 에서
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./images/naver_skin.css">
<script language="JavaScript" src="./images/naver_skin.js"></script>
으로 바꿔주시고요.
naver_skin.css 부분에서 배경 이미지 부분에서 ./photo 부분만 빼주시면 되겠네요..
naver_skin.css에서 네이버소스랑 달리, 제가 추가한것도 있고, 뺀것도 있습니다.
유의하시어 수정하시기 바랍니다.^^
편의상 EditPlus 에 붙혀넣기(Ctrl + V) 합니다.
이제 네이버에서 복사해온 소스랑 naver_skin.css소스랑 비교해보시면 다 된겁니다.;
1. 우선 배경 이미지 부터 해보겠습니다.
naver_skin.css : 16번째 라인
부분을 복사하여, 익스플로워 주소창에 붙혀넣기 후 그림을 photo에 적절한 이름으로 저장합니다. 예) 19_pattern.jpg
http://경로/1142498_top.jpg
부분도 저장합니다. 예) 19_top.jpg
이제 naver_skin.css부분을 수정합니다.
이제 다른 부분을 차근히 하시면 됩니다.
/* title */ 34번째 라인
/* opacity 주기 */
naver_skin.css 에 있는 주석을 보면서 바꿔치기를 하면 됩니다^^
간단하죠?; 괜히 설명만 더 어렵게 한듯 하네요 -_-;
다 하신후, 계정에 올리시면 되겠씁니다.-ㅁ-
티스토리 사용자 분들은.. 경로만 살짝 변경해주면 됩니다.
skin.html 에서
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./images/naver_skin.css">
<script language="JavaScript" src="./images/naver_skin.js"></script>
으로 바꿔주시고요.
naver_skin.css 부분에서 배경 이미지 부분에서 ./photo 부분만 빼주시면 되겠네요..
naver_skin.css에서 네이버소스랑 달리, 제가 추가한것도 있고, 뺀것도 있습니다.
유의하시어 수정하시기 바랍니다.^^
