관리 메뉴


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)" 게시물을 참조해주세요.


기타 문의사항


신고


120 Comments
  • 이전 댓글 더보기
  • 프로필사진 청량참치 2016.11.19 15:04 신고 감사합니다. 너무 마음에 드는 스킨이에요.
    다른 분의 블로그를 봤다가 이 스킨 너무 해보고 싶다! 생각해서 열심히 찾게 되었습니다.
    스킨 테마에 원작자님 링크를 걸어두시면 더 좋지 않을까하는 생각이 들 정도네요. 감사합니다!
  • 프로필사진 꿈을 그리는 Kinesis 2016.11.21 10:31 신고 부족한 스킨이나마 칭찬해주시고 사용하기 위해 찾아와주셔서 감사드립니다 ^^; 저작자의 링크는 맨 아래 하단의 Customized by Kinesis 에 닉네임쪽에 링크가 걸려있는데 이를 아셨으면 좀 더 쉽게 오셨을 것 같다는 생각도 해봅니다 ^^; 스킨을 사용하는 입장에서는 깔끔하게 꾸미길 원하지 제작자의 이름이 너무 크게 박혀 티내는걸 좋아하진 않다보니 이렇게 배치하게 되었습니다.

    방문해주시고 칭찬해주셔서 감사드리구요 언제나 즐겁고 행복한 하루 되세요~!
  • 프로필사진 SDFE 2016.11.20 21:43 신고 안녕하세요 좋은스킨 잘 쓰고있습니다.
    티스토리 유료 스킨보다 더 이쁜것같아요!
    다름이 아니라 전체 폰트 말고
    '로고 폰트'는 어디서 어디서 바꿀수 있나요?
  • 프로필사진 꿈을 그리는 Kinesis 2016.11.21 10:45 신고 정확히 어떠한 로고를 말씀하시는지 모르겠으나 (헤더의 텍스트를 말씀하시는지, 아이콘 아래 작은 닉네임 나오는 부분을 말씀하시는지 구체적이지가 않아서...) 두 가지를 포함한 글자를 바꾸신다는 가정하에 설명을 드리면 HTML/CSS 편집으로 가셔서 CSS 편집 부분에 제일 하단에 다음과 같은 줄을 추가해서 작성해주시면 될 것 같습니다.

    .area_head .area_profile, .area_head .area_profile .link_post, .area_head .area_profile .txt_profile { font-family: 원하시는폰트 !important; }

    방문해주시고 스킨을 좋게 봐주시고 감사드리구요 언제나 즐겁고 행복한 하루 되세요~!
  • 프로필사진 Nameless 2016.11.23 23:43 신고 이렇게 사용자가 직접 꾸미도록 설계된 심플하면서도 이색적인 스킨은 처음보네요. 잘 사용중입니다!
    돈주고 파셨어도 구입했을것같아요.

    #글을 올릴때 들어가 이미지중 일부는 테두리가 둥글어지는 효과가 적용되지 않는 버그가 있습니다.
    http://cocoseed.tistory.com/5
    링크에 보시면 1번, 7번, 14번 이미지에는 효과가 적용되지않았습니다.
  • 프로필사진 꿈을 그리는 Kinesis 2016.11.24 10:55 신고 좋게 봐주셔서 감사할 따름입니다.

    말씀해주신 이슈사항에 대한 내용 및 원인은 파악했고 다음 패치때 수정하도록 하겠습니다 ^^ 말씀해주셔서 감사합니다~ 언제나 좋은하루 되세요~!
  • 프로필사진 AceS 2016.12.09 15:50 신고 안녕하세요 제 블로그에 스킨으 등록했는데 카테고리 펼침 보튼이 먹통이네요 뭘 수정해야 할까요??
  • 프로필사진 꿈을 그리는 Kinesis 2016.12.11 22:48 신고 대표 블로그이신 http://craving.tistory.com/ 에서는 스킨적용 상태가 확인되지 않아 뭐가 문제인지 확인이 되지 않아 말씀하신바 만으로는 확인이 어렵습니다 :) 참고할 수 있는 주소를 말씀해주시면 좋을 것 같습니다.
  • 프로필사진 선지해장국 2016.12.14 01:51 신고 안녕하세요! 스킨을 적용하고 이미지만 바꿨는데 윗분과 마찬가지로 카테고리 펼치는 버튼도 안되고 밑부분의 옵션버튼들도 아예 작동이 안됩니다ㅠ 혹시나해서 업로드도 다시 확인하고 했는데도 마찬가지네요ㅠㅠ
  • 프로필사진 꿈을 그리는 Kinesis 2016.12.14 08:30 신고 어떠한 브라우저를 몇 버전으로 사용하고 계신지 확인이 가능할까요? 제가 http://mionamona.tistory.com/ 방문해보니 메뉴 잘 나오는 것 같습니다. 제 경우 크롬 브라우저를 사용하고 있습니다.
  • 프로필사진 선지해장국 2016.12.14 13:10 신고 크롬입니다! 버전은 가장 최신버전이에요ㅠㅠ 익스플로러로도 확인해봤는데 이쪽은 작동이 되네요ㅠ
  • 프로필사진 꿈을 그리는 Kinesis 2016.12.14 15:33 신고 그럼 크롬으로 접근하신 후 F12키를 누르시면 개발자도구 라는 창이 뜨는데 Console 이라는 Tab을 눌러 나오는 메시지들을 좀 복사해서 댓글로 달아줘 보시겠어요? 문제 해결에 도움이 될 것 같습니다. 아니면 스크린샷을 찍어 support@kinesis.kr로 메일 보내주셔도 됩니다.
  • 프로필사진 société 2016.12.16 02:38 신고 감사합니다. 덕분에 좋은 블로그 만들어나갈 수 있을 것 같습니다.
    스킨 적용했는데, 헤더 글꼴이 굴림수준이더라고요. 그래서, 글꼴을 변경하고 싶은데 제가 CSS를 잘몰라서 글꼴 변경하는 방법 좀 알려주실 수 있을까요?
  • 프로필사진 꿈을 그리는 Kinesis 2016.12.16 10:24 신고 안녕하세요~ 좋게 봐주셔서 감사합니다.
    질문주신 글꼴 편집과 관련해서는 css 편집으로 가셔서 font-family: 로 되어 있는 부분에 'NanumGothic' 이나 Verdana 등으로 적혀있는 부분이 있는데 이 부분을 원하시는 폰트명으로 바꿔주시면 됩니다. 다만 웹에서 사용하는 것이고 방문자(접속자)의 환경에 영향을 받는지라 원하시는 폰트명으로 바꾸셨다 한들 방문자 컴퓨터에 해당 폰트가 없으면 원하시는 폰트로 출력될거라는 보장이 없다는 점 인지해주셔야 합니다. 동일하게 보여주게 하기 위헤서는 웹용 폰트를 같이 추가하여주거나 해야하는데 이는 설명이 복잡해져 생략하도록 하겠습니다 ^^;
    원하시는대로 결과가 나오시길 기원하면서 언제나 즐겁고 행복한 하루되세요~!
  • 프로필사진 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 인지 확인하고, 이에 맞는 경우 나타나게 조치되어 있어서 우선 자바스크립트 오류 부터 확인 후 다시 말씀주시면 재차 확인해드리겠습니다.

    감사합니다.
  • 프로필사진 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 형식이 아닌 경우에 대한 설정은 손을 안댔던 것 같습니다.... 이 부분은 참고해둬야 겟네요.

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

    감사합니다.
댓글쓰기 폼
Prev 1 ... 51 52 53 54 55 56 57 58 59 ... 171 Next