스킨엔진이 만든 두번째 태터 스킨,, 이름하야 Round PNG 버전입니다,,
전작에 어설픔을 모면하려 부단히 노력해봤는데 과연 괜찮을까 심히 걱정됩니다,, ㅡㅂㅡ;;
본문의 크기는 640px 이고, 사이드바의 출력 가능사이즈는 180px 입니다,,
우선 이번 스킨을 이용하실때는 주의하실점이 하나 있는데요,,
먼저 스킨을 다운로드 받으시면 제일먼저 skin.html 파일을 열어서 상단의
<script language=JavaScript>
<!--
blog_path = http://skin.nzene.com/;
//-->
</script>
부분을 찾아 주소가 적힌곳을 자신의 주소로 바꿔주시고 업로드 하셔야 합니다,,
주소를 적는 방법은 "http://자신의 도메인/태터가 설치된 폴더/" 로 적어주시면 됩니다,
만약 자신이 도메인의 루트에 태터를 설치하셨을땐 "http://자신의 도메인/" 이렇게 적어주시면 됩니다,,
보시면 아시겠지만 전체 레이아웃이 PNG 이미지로 둘러져 있습니다,,
개인적으로 이 PNG 파일을 이용한 스킨을 꼭 한번 만들어 보고싶었는데요,, 스킨에 이 PNG 파일로 레이아웃을 만들면 왜 좋은지는,, 배경 이미지를 바꿔 보시면 쉽게 아실 수 있습니다,,
배경이미지를 바꾸는 방법은 간단히 background.jpg 라는 이름과 확장자로 된 이미지를 스킨폴더속의 images 폴더 안에 넣으시기만 하시면 쉽게 바꾸실 수 있습니다,,
그리고 지난 버전과 마찬가지로 Body-ID 기능을 이용한 탭 하일라이트 기능이 들어가 있구여,,
마지막으로 오른쪽의 사이드바 기능을 이용하실 수 있습니다,,
오른쪽의 사이드바는 두 블럭으로 나눠져 있는데 블럭간의 모듈 위치 조절이나, 혹은 위에서 아래로, 아래에서 위의 블럭으로 각각의 모듈들을 조절하실 수 있습니다,,
단, 블럭간의 위치 변경시 기존의 스타일선언은 감안하셔야 합니다,, (좀 무책임한,, ㅡㅂㅡ;;)
위치 조절 방법은 태터 관리자의 스킨-사이드바 메뉴를 이용하시면 드래그 앤 드랍으로 간단히 조절하실 수 있습니다,,
기타 베이스 레이아웃과 몇가지 아이콘등은 plyfly.net 기본 스킨을 이용하였습니다,,
사용상 궁금하신점이나 문의사항은 여기에 댓글 남겨주세요,,
아는것도 별로 없는게 대답도 늦어서 좀 짜증나셔두 기다리시면 언젠가는 찾아서 알려드리겠습니다;; ㅡ0ㅡ;;;
nzene_v2.zipnzene_v2 스킨입니다;;
nzene_v2_sidebar.zipnzene_v2 스킨의 사이드바에 사용된 타이틀용 폰트와 psd 파일입니다,,
sidebar_bg.psdnzene_v2 스킨에 사용된 사이드바의 배경 psd 파일입니다,,
# 추가 안내
1. 개인 계정 전용입니다,, 티스토리를 쓰시는 분들이 많으셔서 그분들도 같이 이용할 수 있으면 좋겠지만, 제가 티스토리 계정이 없어 테스트해볼 방법이 없어 적용방법이나, 적용시 어떤 오류가 발생할지 저도 모릅니다,,
따라서 티스토리에 적용후 오류에 관한 문의를 하셔도 답변해드릴 수 없습니다,,
2. 1.1.X 전용입니다,, 1.0.X 버전에서는 테스트되지 못했습니다만 아마 Body-ID 기능을 사용하지 못해 오류가 생길수도 있으니 만약 이용시에는 참고하시기 바랍니다,,
3. nzene_v2 스킨폴더의 이름을 바꾸시면 안됩니다;;
많은 분들이 skin.html 에 작성하는 blog_path 때문에 레이아웃이 깨진다거나 오류가 발생한다고 하시는데요,,
이 blog_path 를 이용하는 png.js 에서 nzene_v2 라는 폴더이름이 작성되어 IE Hack이 작동하게 되어있습니다,,
만약 nzene_v2 폴더의 이름을 바꾸셨을경우 png.js 파일내의 nzene_v2 이름도 모두 바꿔 주셔야 문제가 없습니다,,(파이어폭스에서는 폴더이름을 바꿔도 상관이 없지만 IE6 버전에선 폴더를 바꿨을경우 레이아웃이 전혀 출력되지 않을 수 있습니다,,)
# 추가 업그레이드 안내
1. 댓글의 비밀글 작성시 말풍선이 쏠리는 현상을 수정
2. 댓글이 많을경우 이미지 로딩을 줄이기 위해 스타일 수정
3. 트랙백의 레이아웃 변경 (본 포스트의 하단에서 확인하실 수 있습니다)
4. 사이드바의 여백 조절(매니테일님 피드백)
위와 더불어 몇가지 자잘한 오류들을 보안하였으니 본 포스트에 올려져있는 스킨이나, 혹은 태터에 올린 스킨을 새로 받아 이미지 포함해서 모두 덮어 쓰시기 바랍니다,,
이용에 불편을 드려 죄송합니다;; (__);
※ 본 스킨은 FF2.0 / IE6 / IE7 에서 테스트 되었습니다;
# 추가 업그레이드 안내 (마지막 업뎃 12월1일)
1. 댓글 말풍선의 아이콘 48x48 사이즈 사용시 풍선이 터지던 문제 해결,,
2. 비밀 댓글 오류 해결
3. 로컬로그 아이콘 추가
4. 사이드바의 마진 보안
위의 자잘한 버그와 오류들이 보완되었습니다;; 따라서 기존에 사용하시던 분들도 새로 받으셔서 덮어쓰시기 바랍니다;;
※ 위의 오류중 비밀댓글에 관한 1.1 버그가 TNF에 올라와 있습니다,, http://dev.tattertools.com/wiki/bugs/1.1
아직 해결이 안된것 같은데 만약 제 스킨을 사용하는데 Illigal Parameters 오류가 발생할 경우 임시적으로 여기를 가셔서 해결하실 수 있습니다,,
댓글을 달아 주세요
사이드바의 출력 설정을 바꾸면 맨아래와 위 이미지가 떨어집니다.
http://manitale.pe.kr/tt/ 이렇게요
제가 보기엔 괜찮은데요? 사이드바의 두 블럭은 움직이지 않구여,, 그 안에 모듈만 이동하게 되어있습니다,,
모듈 이동시 각 모듈의 타이틀이 따라가구여,,
제가 이해를 못하는것인지,,ㅡㅡ?
아 하나 빠뜨렸네요. 파이어폭스에서요^^;;
파폭에서 아래위가 깨지고 익스에서는 정상적이네요.
http://manitale.pe.kr/pds/img.jpg
이상하네요,, 저도 파폭에서(2.0) 위 아래 블럭에다 이리저리 모듈을 옮겨 봤지만 조금도 깨지지 않던데,,
딱히 뭐가 문제인지는 좀더 들여다 봐야할듯 싶네요,, 혹시 블로그 이미지를 지우시면서 다른걸 건드리신건 아니신지,,
아무튼 빨리 조치해드리지 못해 죄송하네요,,
음..일단 기본설정 상태에서는 이상이 없습니다^^;
그런데 하나나 둘을 빼면 아래 위에 공백이 생기네요.
기본 상태에서 위치를 바꾸면 이상은 없구요.
빨리 문제를 찾아 해결되길 바랍니다. 스킨이 참 마음에 들거든요~저도 이리저리 고민해 봐야겠네요^^
몇 개 추가/삭제를 해 보니 배너와 블로그 이미지, 공지와 카테고리쪽이 문제인 것 같네요.
혹 공지사항이 문제가 됬던건 아닌지 모르겠습니다,,
매니테일님이 보여주신 사진데로 세팅해보니 블럭이 깨지더군요,,
그래서 수정하고 다시 올렸으니 확인 부탁드립니다,,
잘 되야 할텐데 말이죠,, ㅡㅂㅡ;;;
감사합니다. 위쪽은 해결되었네요.
근데 아래쪽은 여전히...^^;;어떻게 수정하셨는지요?
하단도 해결했습니다;;
문제는 배너의 margin 값인데, 이게 블럭 레이아웃을 밀어버리더군여,,
상단 블럭의 문제도 공지사항의 마진값때문이였던걸로 보고 있습니다,,
아무튼 덕분에 저도 새로운걸 알게됬네요,,^^
마진 때문에 그랬군요^^
빠른 수정 감사합니다.
감사합니다. 잘쓸께요~ 행여나 앙되는게 있음 들리겠습니다.~
써주신다니 고마울 따름이죠;;
앙되는게 없더라도 들려주심 더 고맙구여;;^^
스킨을 받아서 썼는데...
사이드바의 카테고리와 캘린더 부분이 혼자 글자 크기가 커져서 나오더군요. ㅇㅅㅇ;
이유가 있는 건가요..??
정확한 상황을 봐야 해결책이 나올 수 있을꺼 같습니다,,
다른분들의 경우 아직 특별히 문제가 없거든요,,
귀찮으시겠지만 상황을 볼 수 있는 url 이나 혹은 캡쳐이미지를 보여주시면 보다 빠른 해결에 도움이 될 수 있습니다;;
안녕하세요, 덕분에 스킨을 잘 사용하고 있습니다.
다름이 아니라, 제목의 글꼴을 바꾸고 싶은데... (skin.nzene.com) 부분...
h1 ... font-family:Arial 을 추가하여서 바꾸는 것이 아닌가요?
font-style:Italic은 바로 바꾸어서 적용이 되었는데, font-family는 먹히지가 않아서요.
혹시 다른 방법으로 글꼴을 변경해야 하는가요?
skin.css 파일의 상단부분에 #header h1 a { ~~ } 를 찾으셔서 추가 수정하시면 됩니다;
(전 잘되는데요? ㅡㅡ?)
앗! 감사합니다.
저는 그냥 관리자 모드 내에서 변경을 하려고 하였었는데...
style.css 파일을 건드려야 했군요~
여튼, 덕분에 변경 잘 했습니다. 스킨 감사히 잘 쓰겠습니다~ :-)
아, 스킨 너무 예쁘네요. >< 잘 쓰겠습니다아.
그저 써주신다니 고마울따름입니다;;^^
스킨이 참 예뻐요.. 잘 쓰겠읍니다..^^
본문 글자를 웹폰트로 지정해줬더니 자간이 좁아졌어요.. 어떻게 고쳐야할 지 모르겠습니다.
style.css 파일내에 있는 body 셀렉터에서 letter-spacing:-1px; 라고 있을겁니다,, 그것을 letter-spacing:0; 이라고 고쳐주시면 될겁니다;;
사이드바에 치환자가 먹지 않는것 같습니다.
그리고 카테코리과 달력 글자가 깨지는 것은 파커님의 사진 썸네일을 사용해서 그런것 같습니다.
각종 플러그인에 맞추는것도 쉽지 않네요,,
그리고 사이드바 치환자는 어떻게 사용하는지 제가 잘 몰라서;;
확인해보고 수정하도록 하겠습니다;;
혹시나 해서 파커님의 썸네일 플러그인을 넣어봤는데요,,
음,, 뭐 별 특별한 무리없이 잘 출력되는거 같은데,,
사이드 메뉴 관리자에서 파커님의 플러그인을 드래그앤 드랍 하는것 말고는 특별히 손댈게 없어보이네요,,
그래도 혹여 잘 안되신다면 몇가지 오류를 수정한 버전으로 스킨을 다시 올려놨으니 한번 덮어보시길 바라구여,,
또다른 플러그인에 문제가 생긴다면 알려주시길 부탁드릴께요,,^^;
감사합니다.
함 사용해 보겠습니다.
혹시 블로그 타이틀 부분도 psd 파일로 수정할 수 있게끔 배포해주실 생각은 없으신지요? 예전에 그렇게 해서 배포해주신 분이 계셨는데 모자란 능력에도 불구하고 적당히 구색 맞춰서 썼었거든요. 안되면 할 수 없지만, 만약 괜찮으시다면 고려를..ㅎㅎ 스킨은 마음에 들어서 당장 적용해버렸는데 타이틀이 좀 아쉽더라구요. 흑, 얼른 포샵을 자유자재로 다룰 수 있도록 배워야지 안되겠어요;ㅁ;
블로그 상단의 이미지를 말씀하시는거라면 월페이퍼를 잘라서 사용한것입니다,, 그래서 딱히 psd 로 작업된게 없네요,,
혹, 공개한 스킨에 사용된 이미지의 원본을 원하신다면 보내드릴 수는 있습니다;^^
아, 이미지 말고 title_guestbook.png 파일 같은 것이 블로그 타이틀로 있었으면 좋겠다고 한 것이었습니다.^^; 글씨체가 참 예쁘더라구요. 영문과 한글의 폰트가 참 예쁘던데, 혹시 어떤 폰트 사용하셨는지 알 수 있을까요? 폰트까지 요구하는 건 넘 죄송하고, 한글과 영문의 각각 폰트 이름이라도 알고 싶네요.^^
아,, 이런,, 그 말씀이셨구낭,,
폰트 보내드리는건 어렵지 않은데,, 정작 리체님의 메일주소를 어디서도 찾을수가 없다는;; ㅡㅡ;;
각 페이지 상단의 타이틀 로고체중 영문은 Liberty BT 이고, 한글은 윤폰트중 미소체 입니다,,
아시다시피 윤폰트는 유료라 어렵고,, 영문은 괜찮을듯,, 메일주소 알려주세요;^^
관리자만 볼 수 있는 댓글입니다.
왜 이런거죠??
카테고리 다 눌러도 이렇게나오네요
http://blog.ourstori.com/category/주절주절
skin.html 파일에 수정을 요했던 도메인의 주소가 잘못되어 있네요,,
http://skin.ourstori.com/ 이렇게 되어있는데, http://blog.ourstori.com/ 라고 적어보시면 될듯 합니다;;
수정해도 그렇습니다...ㅠ
음,, 우선은 사이드바의 플러그인들을 잠시 멈추고 확인해 보셔야할것 같네요,, 사이드바에 플러그인이 엄청 많으신데,, 어떤게 오류를 내는지 알수가 없거든요,, ㅡㅡ;
플러그인을 넣지않았는데고 그렇네요;;
skin 에서 주소를 바꾼후부터 이렇게 나와요...
바꾸지않고 http://skin.nzene.com/ 를 사용하면 재대로 나오구요
우선 지금 봐서는 잘 되시는거 같은데요?^^
저도 위의 와쿠루님과 같이 보였는데요. skin.html을 바꾸지 않으니까.. 글자 크기는 일단 정상으로 보이는데... 저는 그림이 이상합니다.;
아래에 참고(?) 링크 걸어둡니다.
http://sihaya.pe.kr/blog/notice/296
것참 신기하네용,, 레이아웃은 잘 출력되는데 유독 상단의 이미지만 출력되지 않는군여,, 다른 메뉴(태그,로컬,방명록 등)에서도 똑같은건가요? 적용된 모습을 한번 직접 봤으면 좋겠네요,, 흠,,
우선 스킨파일속에 bg_head_entry.jpg 파일이 있는지 확인좀 부탁드리겠습니다;; 이게 상단 배경이거든요,,
허허허... 어떻게 된 일일까요. 다시 하니까 또 되요 (...)
일단 문제는 해결된 것으로 해도 되는걸까요;;
하지만, 주소를 바꾸면 카테고리/캘린더 글자가 크게 나오는 건 여전해서.. ㅇㅅㅇ;
그.. 글자가 크게 나오는 현상은 오히려 skin.html상단의 주소를 바꾸면 그렇게 되었는데요.
오늘 바꾸시면서 고쳐진 거 같습니다.
이제 잘 되네요. ^^
잘 쓰겠습니다~~ >_<
그런데, blog_path 이거는 뭔가요..??
하단에는 페이지오류가 뜨고..
blog_path 는 IE Hack으로 사용된 png.js 파일에 작성된 png파일들의 루트 경로를 표시하기 위한 스크립트입니다,,
그리고 페이지오류라고 뜨는건 IE7에서만 나타나는 증상인데 그 이유를 아직 모르겠네요,, 계속 찾아보고 있습니다;;
우선 좋은 스킨 공개해주셔서 감사합니다.
궁금한게 있습니다. 우선 skin.html 파일에 제 블로그 주소를 적으라고 나와있는데
제 블로그 주소를 적으면 레이아웃이 깨지고 기존의 skin.nzene.com 으로 하면 제대로 나오는군요
그리고 또하나 댓글에 아이콘 크기를 32x32 나 48x48로 하면 아이콘 크기때문인지 창이 조금 깨지는데
이걸 제대로 나오게 할순없나요?
죄송합니다만 스킨의 폴더 이름을 ngene 으로 바꾸셨더군여,,
불편하시겠지만 제 스킨에선 폴더 이름을 바꾸시면 IE6에서는 제대로 출력이 되지 않습니다,,
간단히 이유를 설명드리면 IE6용 png Hack인 png.js 파일에 작성된 경로들이 원래 이름들인 nzene_v2 폴더이름을 포함하고 있기때문입니다,,
그리고 아이콘의 크기설정은 다시 확인해서 알려드리도록 하겠습니다;
스킨을 수정해도 괜찮은지요?
물론 저작권은 그대로 두구요,
넵, 수정하셔도 됩니다;;
저만그러는진 모르지만, IE7에서 휠을 누르고 아래로 향할경우
내려가다 마네요..ㄱ-[휠을 굴리는게 아니라 누르고 아래로 마우스를 움직였을때]
음,, 저는 아무 문제가 없는데 이상하군여,,
제 PC에서만 그럴지 모르니 다른 PC에서 테스트 해보고 알려드리도록 하겠습니다;;
안녕하세요, 두아쓰입니다. 1.0.x버전대의 태터와 1.1 모두 사용 가능한 스킨인가요?(....)
제가 티스토리를 쓰는데 1.1 버전에 최적화 된 스킨 깔았다가 다시 지운 경험이 있어서;;
죄송하지만 1.0.X 버전에선 테스트해보지 못했습니다,,
따라서 어떤 오류가 있을지 모르고, 제가 티스토리를 사용해본적이 없어서 그쪽도 마찬가지로 어떻게 작성해야하는지 모르겠네요,,
혹시 초대장 한장 보내주심 연구해볼께요;;^^
안녕하세요. 스킨을 배포해 주신것도 감사한데 질문까지 하는 염치없음이 죄송합니다.
전체적인 색을 가끔 바꿔서 사용하고 싶은데 반투명 사이드바의 색의 소스가 어디에 들어있는지
아무리 찾아봐도 모르겠어서....
사이드바 색상을 어디서 바꿔야 하는지 알려주시면 정말 감사하겠습니다 ^^; (에혀 염치 없네요)
그리고 티스토리 초대장 필요하시면 말씀하세요.
그리고 이 스킨은 티스토리에는 적용이 되질 않는 것 같습니다. skin.css 를 적용할 수가 없거든요.
CSS 수정으로 사이드바의 색상은 바꾸실 수 없습니다,,
사이드바는 전체가 png 파일로 포토샵에서 알파값으로 투명도를 조절하여 이미지 그대로 사이드바에 사용되었습니다,,
말씀하신데로 배경을 바꿀경우 사이드방의 색상이 언발란스 할 수도 있어 사이드바 psd 파일을 위에 올려두었으니 받으셔서 참고하시면 될꺼 같네요,,
참고로 포토샵에서 색상을 바꿔 저장하실땐 기존의 파일이름과 파일명을 같게 하셔서 저장,, 덮어씌우시는게 조금 더 효율적일 수도 있을꺼 같네요,,
기존의 파일명들은 skin.css 내에 /* ***** sidebar ***** */ 주석 바로 아래줄에 6개가 적혀있습니다,,
그리구,, 티스토리,, 메일주소 갈쳐드리면 되나요? 한장 부탁드려도 될까요?^^ blog@nzene.com 입니다;;