관리 메뉴


Kinesis´s Open Document

티스토리(Tistory) : 반응형 #2 스킨 커스터마이즈 버전 배포 본문

Tip & Tech/일반 : 블로그 꾸미기

티스토리(Tistory) : 반응형 #2 스킨 커스터마이즈 버전 배포

꿈을 그리는 Kinesis 2016.06.11 13:41



본 스킨은 티스토리 반응형 #2을 바탕으로 기능을 추가 및 개선한 테마로, 티스토리의 반응형 #2 과는 다른 별도의 라이센스 정책을 사용합니다. 따라서 본 스킨은 개인블로그 운용 목적외에 상업적목적이나 기업등에서는 사용할 수 없습니다(2016.06.18을 포함한 이후 버전 대상).


※ 본 스킨에 대해 공식적으로 낮은 버전의 IE 는 지원하지 않습니다. 지원 계획도 없습니다.

※ 낮은 버전의 IE를 쓰는 것은 악성코드 감염 및 해킹의 대상이 되기 쉬우므로 사용하지 않는것이 좋습니다.

※ 원칙적으로 링크를 퍼가시거나 공개하는 것은 허용하나 자료의 재배포는 허용하지 않습니다.


미리보기 : 바로가기

설치방법 : 설치방법 보기

최근 버전 다운로드 : Latest

KLabStyle Shake v0.22b 20160731.zip

설문조사 참여 : 바로가기

문의페이지 : 바로가기

예전 버전 다운로드 : 

KLabStyle Shake v0.2b 20160703.zip

KLabStyle Shake v0.1b 20160618.zip

#2 스킨 커스터마이즈 20160611.zip


히스토리 : 

※ 피드백은 댓글 또는 support@kinesis.kr 로 메일 남겨주시면 감사드리겠습니다.

# 20160731(0.22 beta)일자 요약

  1. 하단의 미리보기 기능과 연계한 옵션 설정방법 도움 버튼 추가

# 20160731(0.21 beta)일자 요약

  1. 본문 이미지 효과가 정상적으로 표기되지 않던 문제 수정
  2. 본문 이미지 가로 폭에 맞도록 조정(리사이즈) 기능 옵션으로 추가 (body class 내 imgResize 추가)
  3. 애니메이션 효과 추가 (줌인 + 기울이기 및 줌아웃 + 기울이기)

# 20160703(beta)일자 요약

  1. 게시물 목록에서 갤러리타입 기능 추가 - 일반목록, 갤러리형목록 지원
  2. 어두운색의 배경 지원 추가 - 밝은배경, 어두운배경 지원
  3. 컬러셋 지원 추가 - 그레이, 기본(파란색), 레드, 오렌지, 그린, 딥블루 5가지 색상 지원 
  4. 이미지 둥글게, 그림자, 외각선 기능 활성화/비활성화로 개선
  5. 애니메이션 옵션 추가 - 회전, 줌인, 줌아웃, 끌어오기 등 7개 옵션
  6. 각 옵션에 대해 사용자별 커스터마이즈 기능 추가 (관리자에 의해 제공/미제공 설정 가능)
    ※ 이 옵션을 사용할 경우 방문자는 재방문시 방문자가 설정한 화면이 제공됩니다. 
    ※ 방문자가 관리자가 정한 화면으로만 보여지게 하는 경우나, 업데이트 필요시 비활성화가 필요합니다.
  7. 커스터마이즈용 상단 헤더 추가
    ※ 블로그 관리자가 직접 HTML 을 일부 수정해주셔야 합니다.
  8. 기타 자잘한 버그나 문제점 등 수정
    - 관리자 버튼 또는 본문보기, 코멘트작성 등 메뉴 상황에 따라 보이도록 변경 등

※ 추가된 기능의 사용 방법은 미리보기 블로그의 게시물을 참고해주세요.


# 20160618(beta)일자 요약

  1. 스킨명 변경 예정 (임시 : KLabStyle)
  2. 라이센스 방식 1차 변경(개인블로그 이용가능, 블로그 광고개제 수익 허용 외 금지항목 등 기타)
  3. Bootstrap 3.3.2 ver 적용
  4. 헤더메뉴 측 툴팁(Tooltip) 적용
  5. 헤더배경 애니메이션 속도 변경
  6. 인용구쪽 스타일 변경 ( 글씨크기 축소, 간격 및 여백 조정 )
  7. 하단의 네비게이션바 추가
    - 홈 바로가기 추가
    - 맨위로, 본문보기, 댓글달기 자동스크롤 기능 추가
    - 카테고리 보기 단축버튼 추가
    - 관리자용 메뉴 버튼 추가


# 20160611일자 요약

  1. 헤더 이미지 자동 변환
  2. 게시글 목록 우측의 이미지, 본문의 이미지에 모서리 둥글게 효과 추가
  3. 게시글 목록 우측의 이미지, 본문의 이미지에 그림자효과 추가
  4. 게시글 목록에 마우스 오버(마우스 커서를 올려놓는 행위)시 이미지 각도 변경 애니메이션 추가
  5. 본문에 포함된 단일 이미지가 항상 본문의 100% 너비로 조정 (일부 예외가 발생할 수 있음)
  6. 본문에 "수정(새창으로)", "관련글(트랙백)" 버튼 추가
  7. 소스코드 구문보기 기능추가 (Ace Editor기반 SyntaxHighlight 적용, monokai 테마 적용)


헤더 이미지 자동 변환

일정한 시간을 기준으로 좌측 또는 상단에 배치되는 헤더 배경이미지가 변경되는 효과를 줄 수 있습니다.


Latest





위의 이미지는 화면 좌측 또는 상단에 출력되는 헤더를 타이머에 의해 변경될때마다 찍은 이미지 입니다.


기본적으로 5개 이미지가 일정시간마다 변환되어 나타나도록 해두었는데, 5개의 이미지는 Images에 있는 headbg01.jpg ~  headbg05.jpg 이미지를 변경시켜주시거나 html 안의 자바스크립트를 수정해주시면 됩니다.


헤더 이미지가 변경되도록 하는 소스코드는 다음과 같습니다.


$(".wrap_bg .cont_bg").vegas({ timer: false, /* true 로 바꾸면 이미지 하단에 얇은 타이머 바가 보여집니다. */ delay: 5000, /* 화면 변화까지 대기 시간입니다. 1초=1000 입니다. */ transitionDuration: 1000, /* 다음 화면으로 변경되기까지 화면 변화 효과 시간입니다. */ transition: 'blur', /* 화면 변환 효과입니다. fade 나 blur 가 제일 무난합니다. */ slides: [ /* 여기가 중요! 여러분이 바꾸고자 하는 배경 이미지를 업로드하고 개수에 맞춰 조절하세요. */ { src: "./images/headbg01.png" }, { src: "./images/headbg02.png" }, { src: "./images/headbg03.png" } ], preload: true, /* 화면 변화 효과가 발생하기 전에 미리 로그할 것인지 설정합니다. */ preloadImage: true, /* 위와 동일 */ preloadVideo: true, /* 위와 동일 */ shuffle: true, /* 이미지 순서를 섞을 것인지 여부를 설정합니다. true, false */ overlay: './images/07.png' /* overlay 이미지 입니다. 01.png 부터 09.png 까지 사용가능합니다. */ });


갤러리형 목록 보기 (2016.07.03 버전부터 지원)

초기 화면에 나오는 게시물을 갤러리형태로 볼 수 있는 옵션을 제공합니다.



어두운 배경색 및 컬러셋 지원 (2016.07.03 버전부터 지원)

어두운 배경색상 및 강조글자 컬러셋 지원



방문자 화면설정 지원 (2016.07.03 버전부터 지원)

방문자 선호도에 따라 화면 구성을 변경할 수 있도록 기능 제공. ( 블로그 스킨이 포함하고 있는 기능의 Preview 기능으로서도 활용가능 )



게시글 목록 이미지 효과 변경

목록에 마우스를 올리면 우측의 이미지가 살짝 회전하여 현태 마우스로 선택한 게시물을 강조하는 효과를 줍니다.




본문 이미지 효과 변경 및 버튼 추가

이미지 가로폭이 단일로 사용했을 때, 100% 에 맞춰지도록 조절합니다.

또한 #2 반응형에서 빠져있던 "수정(창으로)", "발행", "관련글(트랙백)" 버튼을 되살렸습니다.




Ace Editor 기반 SyntaxHighlight 기능 적용

개발자 분들이 소스코드를 나타낼때나 또는 특정 목적에 의해 소스코드를 올릴 경우 SyntaxHighlight 기능을 이요하면 가독성 좋은 구문보기 형태로 나타낼 수 있습니다. 이를 위해 Ace Editor 를 이용해 SyntaxHighlight 효과를 나타내도록 포함하고 있습니다.



Syntaxhighlight 기능을 사용하여 소스코드를 나타내고 싶은 경우 게시글 작성 중 HTML 을 체크하여 태그 입력모드로 바꾸신 후 "<pre class="brush: 언어코드">소스코드 내용</pre>" 구문을 이용해 작성해주시면 됩니다. 좀 더 자세히 확인하고 싶으시면 "티스토리(Tistory)에 소스코드를 표현하기(Ace - SyntaxHighlighter)" 게시물을 참조해주세요.


기타 문의사항


신고


135 Comments
  • 이전 댓글 더보기
  • 프로필사진 601145 2016.12.18 16:51 신고 혹시 사용하신 일러스트 출처 좀 알 수 있을까요?
    전에 찾은 기억이 나는데 그때 마음에 드는 그림이 있던 기억이 나서요

  • 프로필사진 꿈을 그리는 Kinesis 2016.12.19 10:10 신고 정확히 어떠한 일러스트의 출처를 말씀하시는지 말씀해주셔야 알 것 같습니다 ^^a
  • 프로필사진 kaelina 2016.12.19 17:48 신고 좋은 글 감사합니다!!!!
    vegas나 이쁜 폰트같은거 잘 배워 갑니닷 ㅎㅎ
    이쁜이미지도....ㅎㅎ 여러모로 잘 배워갑니다
  • 프로필사진 꿈을 그리는 Kinesis 2016.12.23 11:14 신고 안녕하세요 ^^
    웹 디자인이나 프론트엔드쪽에 관심을 가지시고 분석 및 공부를 하시는 분이신가 봅니다 ^^ 그리고 그 과정에 제가 만든것이 공부에 도움이 되셨다니 다행입니다~
    곧있으면 크리스마스죠. 메리크리스마스 행복한 연말 되시구요. 곧 다가오는 새해 복 많이 받으시기 바랍니다 ^^.
    방문해주시고 글 남겨주셔서 감사합니다~~
  • 프로필사진 에이솝 2016.12.28 08:59 신고 정말 멋진 스킨입니다.
    소스 또한 깔끔함에 박수를 보낼 수 밖에 없네요.
  • 프로필사진 꿈을 그리는 Kinesis 2016.12.28 17:40 신고 부족함이 좀 있는 스킨이지만 좋게 봐주셔서 감사합니다~ 연말 마무리 잘하시고 돌아오는 새해 새복 많~~~이 받으세요~~ ^^
  • 프로필사진 2016.12.29 08:33 비밀댓글입니다
  • 프로필사진 꿈을 그리는 Kinesis 2016.12.29 13:31 신고 안녕하세요. 관심을 가져주시고 설문도 참여해주셔서 감사드립니다.

    우선, 현재 공개한 티스토리 "반응형 #2 커스터마이즈" 스킨에 대해 여태까지 개인블로그 운용 외에 제약을 건 진짜 이유를 공개한 적이 없는데 질문에 솔직하게 답을 드리자면 유료로 공개할 정도로 제 스스로가 만족스럽게 작업이 된 것은 아니기 때문입니다. 또한 제 본업이 따로 있기 때문에 업데이트 일정 또한 느리고 진행이 더딘 것 역시 한 몫합니다. 기타로는 일정을 내기 힘든 개인사정이 있었는데 일일이 나열하기에는 핑계같아 생략하겠습니다.

    별도로 유료 버전의 스킨을 제작하여 판매하고자 하는 계획 자체는 정리 및 구상중에 있습니다만, 2017년 중이 되지 않을까 예상만 하고 있습니다.

    그 외 의견주신 티스토리 외 스킨에 관해서도 방법이나 방향은 검토중입니다. 실제 과거에는 제로보드 스킨을 만들어 배포한적도 있으며, 제로보드 이후 나온 XpressEngine 도 과거에는 스킨을 만들어 배포한 적은 있었습니다만, 각각이 다 기반이 조금씩 다르고 차이가 있는지라 고려해야 할 사항들이 다수 있습니다.

    유료로 판매되는 스킨의 금액과 관련해서는 몇 가지 특이점이 있는데 보통 10만원 미만의 저렴한 금액으로 판매되는 경우 다수가 범용적으로 이용할 수 있는 스킨을 배포할 경우 측정되는 금액이라 보실 수 있고, 만약 별도로 맞추어진 사이트에 사이트의 특성이나 목적에 맞추어 주문제작되는 경우는 보통은 100만원을 넘어가게 되고 개발이 포함되면 가격이 더욱 많이 뛰는점이 있어서 이 부분은 감안을 해주셔야 할 부분도 없지 않아 있습니다.

    정리되지 않게 말이 길어졌습니다만, 정리를 하면 가급적 비용이 크게 부담되지 않으면서 만족도를 맞출 수 있는 방향으로 검토 및 준비중이오나 2017년 중으로만 계획이 되어 있을 뿐 자세한 일정은 아직 미정이라 급하신 경우 다른 능력자분들이 만들어주신 스킨을 이용해보시고, 나중에 준비가 되면 그 때 한번 찾아주시면 감사드리겠습니다.

    감사합니다.
  • 프로필사진 에프엑스티지 2017.01.02 22:44 신고 주말동안 찾아다녔습니다만,
    이 스킨이 좋다고 결정한후에 다른 것을 찾을 수가 없네요.

    유료공개를 하지않는 이유가 완성도에 대한 자기만족이라면,
    향후 유료화를 하게 될때 첫번째 고객에게 주는 특권(?)인
    스킨사용을 허락해주시면 어떨까요?






  • 프로필사진 꿈을 그리는 Kinesis 2017.01.03 16:16 신고 너무나도 긍정적으로 평가해주셔서 몸둘바를 모르겠습니다. 감사합니다. :)

    유료 스킨과 관련하여 흐름도 대충 분석하고, 요구사항들도 정리하다보니 요금체계와 기준은 정리를 해둔 상태입니다.

    제안주신 방안과 관련해 차후 유료화가 된 경우에 한해서, 제일 먼저 유료 구매를 한 분에게 기업 또는 상업적 목적등으로 비교적 자유로운 이용 라이센스(허가)를 드리는 것은 긍정적으로 검토해보도록 하겠습니다.

    공개까지는 분명 다소 시간이 필요할 것으로 예상하고 있습니다. 보내주신 성원에 약간의 보답개념으로 미리 개선되는 기능중 일부를 언급드리면 하단의 Bar에서 스킨 옵션을 변경했을 때, 관리페이지를 거치지 않고도 스킨에 직접 적용되는 기능 도입을 예정에 넣어놓고 있습니다. 물론 유료 구매자에 한해 제공하는 방식등으로 고려중인데 자세한것은 아직 완전히 정해지지 않아 이정도만 말씀드리도록 하겠습니다.

    2017년 새해입니다. 새해 복 많이 받으시구요. 유료스킨이 준비되었을 때, 다시 한번 인사드리겠습니다. 감사합니다.
  • 프로필사진 2017.01.04 01:50 비밀댓글입니다
  • 프로필사진 꿈을 그리는 Kinesis 2017.01.04 10:18 신고 말씀해 주신 방안인 유료화 이전에 미리 사용하고 이후 소급적용하여 지불하는 방안에 대해서는 형평성 및 기준에 부합하지 않아 어려울 것 같습니다. 현재까지, 그리고 유료버전이 별도로 나오기 전 까지는 현재의 개인이 비상업적 목적으로 이용하는 기준에 한정하는 형태를 유지토록 하겠습니다.

    차라리 미리 기준을 잡아놓은 기업대상 유료 스킨 구매 비용에서 (제공자 입장에서) 상품의 준비가 미흡한 부분을 고려해 할인을 한 금액으로 라이센스를 파는 부분도 고민을 해보았습니다만, 이것은 도덕적으로 또한 도의적으로 옳지 않다고 판단이 듭니다. 물론 정 급하시고 필요하다면 일부 타협을 고민해볼 필요는 있을 것 같습니다만, 이점 양해부탁드리겠습니다.

    따라서 결론적으로 죄송스럽게도 말씀주신 내용으로의 이행은 어려울 듯 하며, 기업에서의 이용은 조금 더 기다려 주셔야 할 것 같습니다. 감사합니다.
  • 프로필사진 에프엑스티지 2017.01.05 13:52 신고 님의 생각이 그러하면 아쉽지만
    기다려야겠네요.ㅜㅜ

    감사합니다.
  • 프로필사진 꿈을 그리는 Kinesis 2017.01.05 23:46 신고 죄송합니다. 조금만 더 기다려주시면 좀 더 잘 준비해서 제공해드릴 수 있도록 하겠습니다. 감사합니다.
  • 프로필사진 차라♥ 2017.01.05 23:39 신고 http://blog.naver.com/shomon/220902486914 <-- 약간의 정보를 찾다가 발견하신분인데

    님한테 허락 맡으시구 올린분인지 궁금해서 주소 조심히 가져와봅니다

    추운날 감기 조심하시고 몸조심하시기바랍니다

    커스터 마이즈 버전 이쁘게 잘쓰고있습니다 ^^

  • 프로필사진 꿈을 그리는 Kinesis 2017.01.05 23:47 신고 링크로 가져가는 것은 제한하지 않습니다. 다만 말씀해주신 덕에 첨부파일이 포함되어 있는것을 확인하여 첨부파일만 내려주시길 요청드려놓았습니다.

    알려주셔서 감사합니다. 그리고 스킨 잘 쓰고 계시다고 말씀해주셔서 다시 한 번 감사드립니다. 언제나 행복하고 즐거운 하루 되시길 기원드립니다 ^^
  • 프로필사진 차라♥ 2017.01.06 11:17 신고 HTML을 이용한 헤더배경 방법을 사용해봤으나 이해력이 부족한지라 회색화면만 뜨게됩니다.

    어찌해야할지 모르겠네요. 또다른 방법과 뭐가 잘못됬는지 알려주셨으면 합니다 .

    건의드렸던거 대답해주셔서 감사합니다
  • 프로필사진 꿈을 그리는 Kinesis 2017.01.06 12:52 신고 현재 확인해보니 html 스크립트 부분을 변경해 주시지 않을 것 같습니다. 변경을 위해 새로 올리신 파일명으로 변경이 필요한데, 만일의 경우에 대비하여 변경방법을 단계별로 설명해드리겠습니다.

    1. 관리자 페이지로 이동합니다.
    2. "HTML/CSS 편집" 페이지로 이동합니다.
    3. "파일 업로드" 메뉴로 이동합니다.
    4. 배경으로 사용하시고자 하는 이미지를 업로드합니다. 이미지는 적당하게 큰 편이 좋습니다. 단 너무 과하게 크게 올리지 않습니다. (가급적 최대 1920x1280이내를 권장합니다)
    5. 업로드한 파일명을 확인하고 별도로 메모합니다.
    6. "HTML/CSS 편집" 페이지로 다시 이동합니다.
    7. "HTML" 부분 편집 메뉴를 클릭합니다.
    8. HTML 코드 중 "/* Fill Header Background */" 라고 되어 있는 부분을 찾습니다.
    9. 몇 줄 내려보면 slides: [ 생략 ] 으로 되어 있는 부분이 있습니다. 이 곳을 편집합니다.
    9-1. 내용은 이미지의 개수 만큼 { src: "이미지경로" } 가 존재해야 하니다.
    9-2. "이미지경로" 값은 "./images/업로드한파일명" 이 되어야 합니다.
    10. 저장을 눌러 변경사항을 반영합니다.

    이렇게 해주시면 됩니다.
    한 번 시도해보시고 다시 말씀주세요 ^^
    감사합니다.
  • 프로필사진 차라♥ 2017.01.06 14:12 신고 감사드립니다 자세히 몰랐던이 부분이 많았는데 덕분에 잘 알게되었구 해결하게되었습니다

    팩 정말 이쁘게 사용할께요 감사드립니다~
  • 프로필사진 꿈을 그리는 Kinesis 2017.01.06 14:52 신고 문제가 해결되셨다니 다행입니다 ^^
    언제나 행복하고 즐거운 하루 되세요~!
  • 프로필사진 고은정 2017.01.10 23:13 신고 반응형 #2 스킨이 만족스러우면서도 2%로 부족해 아쉬웠는데, 이렇게 더 멋지고 대단한 스킨을 만들고 배포해주셔서 감사합니다. 잘 사용하겠습니다. :) 여담이지만 사이드바(달력 같은 거 나오는)를 하나만 사용하고 싶은데 어디를 수정해야 하는지 알 수 있을까요. 너무 기본적인 질문이었다면 죄송합니다. T.T
  • 프로필사진 꿈을 그리는 Kinesis 2017.03.08 10:40 신고 최근 업무가 바빠서 블로그를 잘 보지 못했네요. (네, 구차한 핑계이긴 합니다만... 퇴근후에 별도 업무가 또 있다보니 지쳐서 보기가 꺼려졌습니다. 고로 답이 늦어 죄송합니다.)

    사이드바는 블로그 설정 중 사이드바 설정에서 나타내고자 하시는것 하나만 남기고 지워주시면 됩니다.

    감사합니다.
  • 프로필사진 2017.01.24 10:47 비밀댓글입니다
  • 프로필사진 꿈을 그리는 Kinesis 2017.03.08 10:39 신고 최근 업무가 바빠서 블로그를 잘 보지 못했네요. (네, 구차한 핑계이긴 합니다만... 퇴근후에 별도 업무가 또 있다보니 지쳐서 보기가 꺼려졌습니다. 고로 답이 늦어 죄송합니다.)

    누락된 부분을 찾아주셔서 감사드립니다.

    해당 블로그는 확인해보니 자바스크립트 한 부분이 오류가 나는게 확인이 되구요. (<script type="text/javascript">loadedComments[8]=true;highlight()</script>)

    그 외 자세히 확인은 못해봤는데요, 자바스크립트 오류로 인한건지 일단 본문보기, 의견남기기는 자바스크립트로 해당 페이지가 Article 인지 확인하고, 이에 맞는 경우 나타나게 조치되어 있어서 우선 자바스크립트 오류 부터 확인 후 다시 말씀주시면 재차 확인해드리겠습니다.

    감사합니다.
  • 프로필사진 HTTP 404 2017.04.13 20:21 관리자의 승인을 기다리고 있는 댓글입니다
  • 프로필사진 2017.02.02 01:18 비밀댓글입니다
  • 프로필사진 꿈을 그리는 Kinesis 2017.03.08 10:41 신고 답변이 늦었습니다 죄송합니다.
    좋게 봐주셔서 감사드리구요. 늦었습니다만 새해 복 많이 받으세요 :)
  • 프로필사진 밝은달. 2017.02.26 19:13 신고 안녕하세요!
    우선 스킨 정말 잘 사용하고 있다는 있다는 감사의 말씀을 드리고 싶네요.
    정말 심플하고 깔끔해서 정말 잘 사용하고 있습니다.

    다름아니라 카테고리 접기 기능에 대해서 말씀을 드리려고 합니다 ㅠㅠ
    html편집에서 부분의 _list를 삭제하는방식으로 카테고리접기를 시도 했는데 그렇게 하면 원래 적용되어있던 이쁜 폰트(?)들이 날아가서 다른식으로 표기되더라구요 ㅠㅠ

    그리고 블로그 하단의 설정버튼이 누를수 있기는한데 제거 원하는 설정을 클릭해도 변화가없어 이렇게 덧글을드려봅니다
  • 프로필사진 꿈을 그리는 Kinesis 2017.03.08 10:43 신고 list 형식이 아닌 경우에 대한 설정은 손을 안댔던 것 같습니다.... 이 부분은 참고해둬야 겟네요.

    블로그 하단의 설정버튼은 일부 기능은 갤러리형식에서는 지원이 되지 않을 수 있습니다. 이점 참고해주시길 부탁드리겠습니다.

    감사합니다.
  • 프로필사진 Mandeuk 2017.04.02 23:39 신고 Kinesis님 안녕하세요! 스킨 정말 잘 사용하고 있습니다 ^ㅡ^
    스킨의 버튼을 추가해보고싶어서 이것저것 만져보다 발견한 문제가 있어서 연락드리게 되었습니다.
    인터넷 브라우저의 좌우 너비를 줄였을 때 블로그 상단의 홈버튼 우측에있는 dropdown-toggle 형식의 목록에 링크해놓은 버튼이 작동하지 않는 문제가 있네요 ㅠ
    인터넷 브라우저의 너비를 넓혀 좌측에 카테고리 화면이 위치해 있을때는 상단의 dropdown-toggle 형식의 목록 버튼들이 잘 작동하네요;; 혹시 이건 따로 해결할 방법이 없을까요?
  • 프로필사진 꿈을 그리는 Kinesis 2017.04.10 20:30 신고 정확히 어떠한 조건에서 어떻게 증상이 일어나는지 확인을 해봐야할 것 같은데, 제가 당분간 여유시간이 많지 않아 다소 어려움이 있을 것 같습니다. 빠른 조치가 필요하시면 내용을 조금 더 보충하셔서 메일로 보내주시고 댓글남겨주시면 확인해보도록 하겠습니다. 감사합니다.
  • 프로필사진 이그★ 2017.04.03 17:25 신고 스킨 잘 사용하고 있습니다! 감사합니다.
    태블릿 이하로 크기 줄일 시 상단 네비 작은 드롭다운 메뉴가 헤더 뒤로 밀려서 버튼 클릭이 안되는 문제가 있습니다.
    네비값을 헤더보다 1 더 줘서 1001로 조정해봤는데 괜찮을까요.. 기존값은 100 입니다.
  • 프로필사진 꿈을 그리는 Kinesis 2017.04.10 20:31 신고 배포한 스킨을 개인이 사용하실때 필요에 따라 일부 수정하는 것은 별도로 제약을 두고 있지는 않습니다. 일부 필요에 의해 수정하실 필요가 있으면 하셔도 됩니다. 다만 수정한 것을 해당 블로그나 다른 사이트 등에서 재배포만 하지 않도록 부탁드리겠습니다. 감사합니다.
  • 프로필사진 writertiler 2017.04.16 22:45 신고 방금 다운받아 설치했습니다. 너무 감사하네요~ 감사합니다!
  • 프로필사진 꿈을 그리는 Kinesis 2017.05.08 10:33 신고 관심 주시고 사용해주셔서 감사합니다 ^^
  • 프로필사진 Joo 2017.05.02 17:30 신고 안녕하세요, 스킨을 보다보니 궁금한 것이 있는데요. ace editor로 syntax highlight 하는 코드가 굉장히 복잡하게 암호화되어 있던데요. 어떻게 하신건가요? 신기하고 궁금해서 ^^;;

    --- 이거요.
    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('w c=["\\n\\f\\d\\j\\p","\\j\\o\\f\\e\\e","\\f\\d\\d\\h","\\M\\f\\x\\f\\e\\j\\h\\g\\t\\d","\\h\\b\\t\\o\\f\\j\\b","\\d\\h\\g\\n","\\b\\q\\g\\d","\\e\\b\\d\\B\\t\\d\\g\\k\\l\\e","\\f\\j\\b\\s\\d\\p\\b\\n\\b\\s\\n\\k\\l\\k\\P\\f\\g","\\e\\b\\d\\F\\p\\b\\n\\b","\\f\\j\\b\\s\\n\\k\\q\\b\\s","\\e\\b\\d\\z\\k\\q\\b","\\A\\b\\d\\u\\b\\e\\e\\g\\k\\l","\\e\\b\\d\\u\\p\\k\\v\\H\\l\\x\\g\\e\\g\\I\\o\\b\\e","\\e\\b\\d\\E\\b\\f\\q\\B\\l\\o\\T","\\e\\b\\d\\u\\p\\k\\v\\1a\\h\\g\\l\\d\\z\\f\\h\\A\\g\\l","\\g\\l\\U\\k","\\b\\f\\j\\p","\\Y\\n\\Q\\h\\d\\g\\j\\o\\b\\y\\L\\f\\h\\b\\f\\K\\x\\g\\b\\v\\y\\t\\h\\b\\G\\j\\o\\f\\e\\e\\1e"];$(c[18])[c[17]](1b(){1c{w r=1d($(D)[c[2]](c[1]))[c[0]](/S\\:([ a-R-Z]*)\\;?/)[1];r=r[c[5]]()[c[4]](/^V$/i,c[3]);w m=W[c[6]](D);m[c[7]]({X:19});m[c[9]](c[8]);m[c[12]]()[c[11]](c[10]+r);m[c[13]](C);m[c[14]](C);m[c[15]](J)}O(a){N[c[16]](a)}})',62,77,'|||||||||||x65|_0|x74|x73|x61|x69|x72||x63|x6F|x6E|_1|x6D|x6C|x68|x64|_2|x2F|x70|x53|x77|var|x76|x20|x4D|x67|x4F|true|this|x52|x54|x5B|x49|x62|false|x5F|x2E|x6A|console|catch|x6B|x41|zA|brush|x79|x66|js|ace|maxLines|x23|||||||||||Infinity|x50|function|try|String|x5D'.split('|')))

    --- 풀어보니 요렇던데..
    $("#mArticle .area_view pre[class]").each(function() {
    try{
    var className = String($(this).attr("class")).match(/brush\:([ a-zA-Z]*)\;?/)[1];
    className = className.trim().replace(/^js$/i , "javascript");

    var aceEditor = ace.edit(this);
    aceEditor.setOptions({ maxLines:Infinity });
    aceEditor.setTheme("ace/theme/monokai");
    aceEditor.getSession().setMode("ace/mode/" + className);
    aceEditor.setShowInvisibles(true);
    aceEditor.setReadOnly(true);
    aceEditor.setShowPrintMargin(false)
    } catch(a) {
    console["info"](a)
    }
    })
  • 프로필사진 꿈을 그리는 Kinesis 2017.05.08 10:35 신고 난독화 라고합니다. 애써 풀어보시기 까지 하셨네요. 아무튼, 자바스크립트를 난독화 한 것인데 구글에 검색해보시면 난독화를 제공하는 도구들도 많이 있습니다 :) 저도 그 도구들 중 임의로 선택하여 난독화 처리를 하였습니다. 참고가 되셨길 ^^
  • 프로필사진 Joo 2017.05.08 13:51 신고 그렇군요. 어떤 거 쓰셨나 궁금해서 여쭤봤어요. uglify-js 같은거만 쓰다가보니 ㅎㅎ
  • 프로필사진 꿈을 그리는 Kinesis 2017.05.11 18:11 신고 좀 시간이 지나서 저도 어느걸썻는지 기억을 못하다보니 ^^;; 말씀해주신것을 한 번 저도 써봐야겠네요 ㅎㅎ
    감사합니다~
  • 프로필사진 Hunhee 2017.05.08 14:07 신고 안녕하세요 백만년만에 블로그를 다시 해보려고 좋은 스킨을 찾아다 정말 멋진 스킨을 받아갑니다 감사합니다!! 다름이 아니라, 혹시 하단 메뉴인 방문자 화면설정 메뉴들 중 오른쪽 메뉴 (앤 위로, 카테고리 보기.. 등) 만 빼고 왼쪽 메뉴들을 없앨 수 있을까요? 모바일로 보면 메뉴들이 많아 밀려서 하단메뉴가 한 줄이 아닌 두 줄로 보이더라구요.. 제가 잘 못해서 그런지 ㅎㅎ 혹시 확인이 필요하시면 제 주소는 hunheecho.tistory.com 입니다. 미리 감사드려요!!
  • 프로필사진 꿈을 그리는 Kinesis 2017.05.11 18:12 신고 HTML/CSS 수정에 가셔서 body 태그의 class 안의 supportUserConf 를 지워주시면 됩니다 ^^
  • 프로필사진 쿠노 2017.05.16 16:47 신고 다른 스킨들은 뭔가 하나씩 맘에 안드는구석들이 있어서 계속 이거저거 바꿔보다가 드디어 찾았네요 ^-^
    깔끔한 레이아웃에 시원하게 본문과 사진이 나오는 스킨이 참 없더라구요.
    그전에도 이 스킨이 그나마 제일 좋았는데 따로 개조(?)할 능력은 없어서 그냥저냥 쓰고있었는데 이렇게 커스텀으로 만들어주셔서 100% 만족하고 있네요
    감사합니다. ^-^
  • 프로필사진 꿈을 그리는 Kinesis 2017.05.17 15:00 신고 좋게봐주시고 댓글남겨주셔서 감사합니다.
    슬슬 업데이트를 해야할 때인데 (원래 업데이트 예정일보다는 확실히 늦어졌습니다만) 짬을 내서 작업한다는게 쉽지 않네요. 방문해주셔서 감사드리구요. 좋은하루되세요~
댓글쓰기 폼