1

주제: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

안녕하세요.

조금 늦었지만 새해 복 많이 받으시기 바랍니다.

스킨 관련해서 아무리 검색해봐도 잘 이해가 되지 않아 문의를 드리고자 합니다.

제 블로그입니다.

http://www.spsholic.com/

위에 SPSHolic's Blog라는 타이틀 뒷면으로 있는 검은 화면을 제가 원하는 사진이나 그림..
이런것으로 바꾸고 싶습니다. 그런데 어떻게 해야할런지 몰라서요.

1. 원하는 사진이나 그림을 올리려면 제 블로그에 맞는 사이즈로 맞추어야 할 것 같은데요
    제 블로그의 가로길이(width)는 소스 어디에서 확인을 해야하는지요? 세로 길이의 제한도
    있는지요?

2. 1을 통하여 제 블로그에 맞는 사진이나 그림을 하나 만들고 이것을 링크할 수 있도록 웹공간에
    저장해 두었다고 가정했을 때 이 사진파일을 (뭐 예를 들어 aaa.jpg라고 하겠습니다) 반영하기
    위해서는 제 블로그 스킨파일에서 어느 부분을 바꾸어야 하는지요?

답변 꼭 부탁드리겠습니다...

2

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

http://www.spsholic.com/skin/customize/1/images/header_footer.jpg
http://www.spsholic.com/skin/customize/ … footer.jpg

header 영역에 있는 이미지 주소 입니다.
물론 관리자 페이지에서 스킨을 수정하여 사용하고 있으므로 원래 스킨의 이미지 주소는 아닙니다.

이 이미지로 header(상단)영역과 footer(하단)영역을 동시에 사용하고 있는 것으로 보입니다.
따라서 header와 footer를 따로 분리하지 않는다면
저 이미지를 통채로 작업하셔야하구요.

원하시는 header 영역만 다른 이미지로 수정해서 동일 이미지명으로 다시 덮어 올려주시면 됩니다.
업로드할 폴더는 만약 지금처럼 스킨을 관리자 페이지에서 수정한다면,
/skin/customize/1/images/ 폴더에 업로드해야하고
원래 스킨을 사용한다면 해당 스킨 폴더 images/ 폴더에 업로드 하셔야 합니다.

header 영역의 사이즈를 특별히 변경하고자 하지 않는다면,
다른 스킨코드는 건들일 필요가 없이 이미지 수정만으로 가능합니다.

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube

3

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

답변 주신 LonnieNa님 감사합니다.

하나만 더 질문드리겠습니다.

어제 답변 주신 것을 바탕으로 해서 실제 header_footer.jpg를 다른 사진으로도 바꿔보기도 하고
skin.html에 직접 다른 사진을 끼워넣어보기도 하였습니다.



skin.html에 그림이 끼워들어가니 기존의 검은색(위의그림참고)이 그대로 보이게 되고
header_footer.jpg에 다른 사진을 바꿔보자니 home, Notice이런 메뉴들이 있는 하얀색이 그대로
보이게 되어 자연스럽지가 않더라구요.

말씀하신 것을 읽어보면 header와 footer가 붙어 있다고 이해했는데 이것을 header따로 footer따로 설정을 하려면 어떻게 해야 하는지요?

스킨 편집을 아무리 쳐다봐도 이해가 안가서요..ㅠㅠ

4

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

header_footer.jpg 를 보시면,
상단 부분과 하단 부분이 합쳐진 이미지로,
블로그의 상단영역, 하단영역의 이미지가 붙어 있는 형태입니다.
상단영역에선 header_footer.jpg 의 윗 부분만 보여지게 되고,
하단영역에서 header_footer.jpg 의 아랫 부분만 보여지는 형태입니다.
나누자면 코드가 더 복잡해져서 관리하기 어려우실 듯 싶은데.
변경할 이미지를 올려주시면 확인해보도록 하겠습니다.

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube

5

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

감사합니다. 한 번 올려보도록 하겠습니다.

생각해보면 굳이 header_footer.jpg를 나눌 필요는 없는 것 같습니다.
다만 그냥 사용하기 위해서는 메뉴부분과 메뉴과 같이 있는 serchbox를 투명하게 처리할 수만 있으면
왠만한 이미지는 다 쓸 수 있지 않을까 싶습니다.

아무리 우클릭을 해보아도 이런 그림의 경로를 알수가 없습니다. 이런 메뉴들을 찾기위해서는 어떻게
해야 하는지요?

6

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

FTP로 사용중인 스킨의 images 폴더를 통채로 다운받아 보시면 알 수 있습니다.

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube

7

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

답변 감사합니다.
우선 header_footer를 없애면 이렇게 됩니다
http://www.koreareefclub.com/galleries/data/500/11capture-med.JPG

메뉴는 따로 나뉘어져 있는게 아니고 이런식으로 되어 있는데요. 이렇게 붙어 있는 것을 나눠쓰는 모양인데
제 컴퓨터에 포토샵이 없어 안보이는 건지..이걸 어떻게 나눠 쓰는지는 잘 모르겠습니다.
http://www.spsholic.com/skin/customize/ … s/menu.gif

포토샵을 깔아다가 이걸 다 투명으로 만들어 버리면 되지 않을까요?

8

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

제가 오전 중으로 예제 파일 하나 올려드릴께요..
혹시 작업할 이미지가 있으시면 설명과 함께 올려주세요, 작업해드리겠습니다.
아래의 메신져로 연락주시면 더욱 좋구요.

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube

9

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

menu.gif 에서
기본 화이트 색상,
그라데이션1번째 색상
그라데이션2번째 색상
이렇게 되어있는데.
기본은 원래 메뉴 이고, 1번째는 마우스 롤오버시 배경입니다.
2번째는 아마도 구현은 안된것 같은데 선택되었을 때 배경으로 예상됩니다.
따라서 저 형태 레이아웃, 사이즈 그대로 작업을 해야만 됩니다.

다시한번 말씀드리지만, css나 html 코드를 건들이지 않고 해당 이미지만을 수정해서 쓰신다고 생각하시고,
그 형태 라인을 그대로 유지하고 작업하면 됩니다.
포토샵이 없다고 하시니 작업하기 어려울듯 싶기도 합니다.

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube

10

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

LonnieNa님 친절한 답변 감사드립니다.

어떻게 이렇게 잘 아시는지 모르겠습니다.

포토샵을 수소문해서 설치하고 투명으로 바꾸어 보려고 합니다.

말씀하신데로 이미지만 수정해서 시도해보겠습니다.

한가지 더 질문은요. 이미지를 만들때 기존의 menu.gif를 가지고 포토샵으로 읽어서 투명을

만들어야 하는 것인가요?

아니면 저런식으로 각각 3가지를 만들어서(기본 화이트 색상,
그라데이션1번째 색상 그라데이션2번째 색상) 하나로 합치는 것인가요?


3개가 gif로 나뉘어져 있는 것 같은데

어떻게 하나의 파일을 3개로 나누어 쓸 수 있는지 궁금합니다.

김영배 (2011-02-11 13:45:14)에 의해 마지막으로 수정

11

답글: 제 블로그의 대문을 바꾸고 싶어 질문드립니다.

이론을 설명하자면 css에 대한 기본적인 지식을 요합니다.
대략적으로 설명하자면, css에서 menu.gif 를 불러드릴때 배경 속성에서 배경의 위치를 상단 기준 0에서 시작하는게 아닌
100에서부터 시작한다던가하여 0~100사이 부분은 감춰지게 되는 형태로 보시면 됩니다.
기본적으로 보일 땐 0부터 보여지고 롤어버시엔 100부터, 선택되었을 땐 상단기준 200부터 보여져라 하고 css에서 옵션들 둔것이죠..
제가 css와 html 코드를 건들이지 않고 이미지만 작업하게끔 말씀드린것도 이 이유에서 이구요.
만약 css와 html 코드를 건들이고자 한다면, 이미지의 이 기준으로 3가지 상태에 대한 상단 하단 사용영역폭의 이해 등 노력이 필요하게 됩니다.

투명으로 만든다는 자체가 잘 이해가 안되는데요,
기본의 menu.gif 사이즈 그대로 라인형태 그대로 작업하셔야 됩니다.
예제를 올려드릴께요
http://dl.dropbox.com/u/66386/menu.gif
제가 작업한 이미지를 변경해보시면 아실텐데요..
포토샵에서 작업은 요런식으로 작업을 합니다.
http://dl.dropbox.com/u/66386/menu_customize.png

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube