Darney Skin 2017 (v1.0) 블로그 스킨 배포 #심플 #반응형









Darney Skin 2017 소개






 Darney Skin 2017은 "군더더기 없는 심플한 디자인의 반응형 스킨" 입니다. 컴퓨터, 태블릿, 스마트폰 등 어느 기기에서도 읽기 쉬운 디자인을 제공합니다.

 무채색 바탕에 2가지 포인트 색상을 사용하여 강조 효과를 주었습니다. 현재 스킨에 적용된 포인트 색상은 개나리색/진한 청록색(#FFAA00/#206776)입니다. 



우측 상단의 관리자 메뉴


관리자에게만 노출되는 '수정' 버튼



 메뉴 우측상단의 을 클릭하면 관리자 페이지에 접근할 수 있습니다. 또한 본문 제목 아래 관리자에게만 노출되는 '수정' 버튼이 숨어있어 쉬운 글 관리가 가능합니다.



모바일 화면에서 메뉴를 열었을 때



 모바일 기기와 같은 작은 화면에서는 상단 메뉴를 우측 아이콘 아래로 숨겨 단순화 하였습니다.





 본문 드래그 시 글 배경으로 포인트 색상을 적용하여 독특함을 더했습니다.





 본문 이미지에 입력한 자막(설명글)은 이미지 아래 예쁘게 표시됩니다.





적용 전 유의사항





Darney Skin 2017에서 지원하지 않는 기능은 다음과 같습니다.


 - 보호 글

 - 트랙백

 - 메뉴 설정 (추후 추가 예정)


 이 외 정상 작동하지 않는 기능에 대해서는 댓글이나 방명록으로 알려주시면 수정하겠습니다.

 또한 배포용 스킨의 한계로 인하여 본 블로그 [싸돌아다님] 메인에 적용된 티에디션은 포함되어 있지 않습니다.





다운로드 및 스킨 설치 방법



[Darney Skin 2017 적용방법 바로가기]

[Darney Skin 2017 미리보기 바로가기]





Darney Skin 2017 다운로드 

DarneySkin2017 v1.0.zip

DarneySkin2017 v0.3.zip

DarneySkin2017 v0.2.zip

DarneySkin2017.zip




Darney Skin 2017은 무료 다운로드 가능합니다. 

스킨을 다운 받아 개인 취향에 맞게 수정하는 것은 가능합니다.

단, 수정 후 재배포는 금지합니다.



Darney Skin 2017이 마음에 드신다면 댓글/방명록 또는 후원으로 마음을 표현해주세요 

또한 이웃 블로그로 링크(클릭!) 후 지속적으로 방문하여 스킨 업데이트 내용을 확인해주세요.

여러분의 관심과 애정은 더 나은 스킨을 제작하는데 큰 도움이 됩니다. :)







업데이트 내역


2017.09.17 v1.0 정식 배포 

- 소소한 위치/크기 조정

- 상단 메뉴바 수정

- 사용하지 않는 코드 제거하여 최적화


2017.07.16 v0.3 

- 카테고리 더 보기 썸네일에 사진 없는 글이 나타나지 않는 오류 수정

- 본문 글자 크기 크게 조정


2017.07.16 v0.2 

- 상단 메뉴바에 관리자 메뉴 추가

- 방명록 비밀글 기능 추가





댓글 또는 방명록에 Darney Skin 2017에 대한 여러분의 의견을 남겨주세요. 

좋은 의견들은 다음 업데이트에 적극 반영하여 더 나은 스킨을 제공할 수 있도록 하겠습니다 :)

감사합니다.



더보기

댓글, 124

  • 이전 댓글 더보기
  •  댓글  수정/삭제 눈곰이
    2018.01.05 15:08 신고

    그렇다면 하나만 더 여쭈어봐도 될까요? 스킨 메인 화면의 하단 부분에는 '카테고리', '새로운 이야기', '새로운 댓글' 이것들이 위치하잖아요. 혹시 여기의 font-size들도 조정이 가능할까요? css에서 어떤 코딩을 치면 좋을지 여기서도 정답을 알려주시면 정말 감사하겠습니다!!!!!

    •  수정/삭제 Darney
      2018.01.07 00:23 신고

      하단의 작은 제목들은
      .side_title { font-size: ~px; }
      위 코드를 추가함으로써 조정이 가능합니다.
      현재 글자 크기가 15px로 설정되어 있기 때문에 이를 중심으로 수정해주시면 될 것 같네요 :)

  •  댓글  수정/삭제
    2018.01.06 11:47

    비밀댓글입니다

    •  수정/삭제 Darney
      2018.01.07 00:29 신고

      안녕하세요 :)

      문의주신 스크롤 버튼의 경우 자바스크립트로 구현이 되어있는데요,
      이 부분은 제가 댓글로 알려드릴 수 있을만큼 간단하지가 않네요..
      한 부분만 수정해서 되는게 아니라 모든 파일을 다 손봐야 하기 때문에 도움을 드리기 어려울 것 같습니다. 죄송합니다 ㅠㅠ

      프로필 아이콘의 경우 스킨의 문제가 아니라 관리 페이지의 설정 때문인 것으로 보입니다.
      블로그 관리 > 플러그인 > 블로그 아이콘 표시를 해제하시거나 원하시는 모양으로 수정해주시면 문제 해결이 될 것 같네요.

      도움을 드리지 못한 것 같아 죄송합니다. ㅠㅠ

      스킨 사용해주셔서 감사드리며 좋은 하루 보내시기 바랄게요~

    •  수정/삭제
      2018.01.07 01:43

      비밀댓글입니다

  •  댓글  수정/삭제
    2018.01.08 17:46

    비밀댓글입니다

    •  수정/삭제 Darney
      2018.01.17 16:04 신고

      안녕하세요.

      방명록 및 발자국 삭제는 첨부된 index.html 파일에서
      <li class="tab_guestbook"><a href="/guestbook">방명록</a></li>
      위 부분을 지워주시면 됩니다. (발자국도 동일)

      또한 말씀해주신 네이버 이웃 위젯의 경우 사용해보지 않아서 어떤 문제인지 잘 모르겠네요..
      현재 Darney Skin의 경우 티스토리 기본 기능 및 플러그인만 제공하며 나머지 기능의 경우에는 직접 수정 후 사용해주셔야 합니다.

      스킨 사용해주셔서 감사합니다 :)
      좋은 하루 되세요~

  •  댓글  수정/삭제
    2018.01.12 05:55

    비밀댓글입니다

    •  수정/삭제 Darney
      2018.01.17 16:08 신고

      안녕하세요.
      썸네일 크기 및 비율은 말씀해주신 것처럼 R0X400 부분을 수정해주시면 됩니다.
      티스토리에서 제공하는 썸네일 치환자인데, 자세한 사용법은 '티스토리 썸네일 치환자'로 검색하시면 쉽게 확인하실 수 있습니다.
      움짤의 재생시간은 티스토리 자체의 이미지 저장 방식/처리 방식과 관계가 있기 때문에 스킨과는 관계가 없어 답을 드리기 힘들 것 같네요.

      스킨 사용해주셔서 감사드리며 오늘도 좋은 하루 보내시기 바랍니다 :)
      감사합니다~

  •  댓글  수정/삭제 눈곰이
    2018.01.13 00:24 신고

    안녕하세요 Darney님. 너무 많은 질문을 여쭈어 봐서 염치가 없지만 하나만 더 여쭈어 보아도 될까요?

    Q. 인터넷 익스플로러로 제 티스토리 메인화면을 보면 사진박스 밑 글들이 넘쳐서 다음 사진 박스 밑으로 들어가버리고, 숫자와 글이 겹쳐버립니다...어떻게 해결할 수 있을까요?

    크롬이나 웨일브라우저에서는 word-wrap: break-word 가 잘 작동하여서 본문내용이 일정 내용을 넘으면 .... 으로 바뀌는데요. 인터넷 익스플로러에서는 박스를 넘어서도 계속 글들이 튀어나와서 사진 밑으로 가버리네요. 특히 제일 왼쪽 줄의 맨 밑 글을 인터넷 익스플로러로 보시면 ( 1월 12일 현재는 '한국고등교육재단 장학금 시험 및 면접 후기') 아예 글 박스를 넘어섰음을 확인하실 수 있습니다.

    제가 이 메인 부분의 font-size를 변경한 것 때문에 그런 것 같은데요. 어떻게 하면 인터넷 익스플로러에서도 '사진 박스 밑에 있는 글들'이 박스 안에서 얌전히 있게 보일 수 있을까요? 바쁘신 줄 알지만 고견 부탁드리겠습니다 ㅠㅠ

    •  수정/삭제 Darney
      2018.01.17 16:01 신고

      안녕하세요.

      익스플로러는 그 버전에 따라서 호환이 되지 않는 경우가 있습니다.
      현재 최신 버전(11)으로 확인하였을 때는 모든 페이지가 정상적으로 보여지네요.

      아마 10 버전 밑으로는 문제가 있을 것으로 예상됩니다.
      모든 버전에 잘 보여지면 좋겠지만 지금으로써는 하위 버전에 대한 지원은 제공하지 않고 있습니다..
      도움이 되어드리지 못해 죄송합니다 ㅜㅜ

    •  수정/삭제 눈곰이
      2018.01.18 09:50 신고

      webkit-line-clamp가 코딩으로 사용되어 있다보니 non-webkit-engine을 사용하는 firefox나 IE에서 작동이 되지 않는 거였더라구요. Darney님께서 IE 11로 보셨을 때는 이미 제가 CSS를 고쳐놓은 후였습니다! ㅎㅎ 답장 감사드립니다 ^^

    •  수정/삭제 Darney
      2018.01.22 02:52 신고

      답변이 너무 늦었군요 ㅠㅠ
      아무튼 문제가 해결되었다니 다행입니다! ㅎㅎ

  •  댓글  수정/삭제
    2018.02.20 13:50

    비밀댓글입니다

    •  수정/삭제 Darney
      2018.02.27 01:47 신고

      안녕하세요 :)
      스킨 예쁘게 사용해주셔서 감사합니다!

      하단의 카테고리와 프로필을 상단으로 올리는 것에 대해 문의를 주셨는데요,
      음.. 이걸 간단하게 설명드리기는 아무래도 힘들 것 같습니다.
      하단에 위치하도록 디자인이 되어있어서 통째로 상단으로 올리는 건 세세한 작업이 많이 요구되네요.

      차선책으로 카테고리만 상단으로 올리는 방법이 있기는 합니다.
      다른 스킨 이용자분들께서도 많이 이용하시는 방법인데, [방명록 태그 발자국] 부분에 카테고리를 넣는 식입니다.
      단순히 <a> 태그 안의 링크를 바꿔주는 방식으로요.

      메인은 다른 분들께서도 많이 문의를 주셨는데 ㅠㅠ 티에디션으로 작업을 한거라 공유할 방법을 못 찾고 있네요..
      이 부분에 대해서는 아직 고민이 더 필요할 것 같습니다 ㅠ

      제 답변이 도움이 되었는지 모르겠네요 ^^;
      <a> 태그 변경 방법이나 다른 문의 사항있으시면 언제든지 댓글/방명록 남겨주세요~
      감사합니다!

  •  댓글  수정/삭제
    2018.02.22 14:36

    비밀댓글입니다

  •  댓글  수정/삭제 욜루
    2018.03.19 18:09 신고

    잘쓰겠습니다. 너무너무 감사해요^^

  •  댓글  수정/삭제 천사은주
    2018.04.07 06:31 신고

    헉 엄청이뻐여 !! 잘쓰겠습니다 ㅎ.ㅎ

  •  댓글  수정/삭제 나에+
    2018.04.22 09:01 신고

    이뻐욥! 심쿵... 잘 쓰겠습니다~

  •  댓글  수정/삭제
    2018.04.25 15:13

    비밀댓글입니다

  •  댓글  수정/삭제 슈기
    2018.05.15 09:49 신고

    와~ 예뻐요~~~
    잘 쓰겠습니다^^

  •  댓글  수정/삭제 시가카페
    2018.05.21 20:10 신고

    ^^ 너무 이쁨니다. 나중에 적용 해보고 싶네요. ^^

  •  댓글  수정/삭제
    2018.05.25 13:10

    비밀댓글입니다

    •  수정/삭제 Darney
      2018.05.26 02:57 신고

      안녕하세요 :)
      이웃+는 스킨 수정화면에서 방명록, 태그가 있는 메뉴 부분에
      <li class="tab_link txt1"><a href="http://[티스토리 아이디].tistory.com/toolbar/popup/link/" target="_blank">이웃+</a></li>
      위와 같은 코드를 추가해주시면 됩니다.

      예쁘게 사용해주세요~

  •  댓글  수정/삭제
    2018.06.17 11:31

    비밀댓글입니다

    •  수정/삭제 Darney
      2018.06.17 18:18 신고

      안녕하세요.
      스킨 예쁘게 사용해주셔서 감사합니다 :)

      카테고리를 눌렀을 때 글 목록이 보이지 않는 문제는 이전에 다른 블로거 분께서도 문의하신 적이 있는데요,
      결론부터 말씀드리자면 아직 정확한 이유와 해결방법을 찾지 못했습니다 ㅜㅜ
      블로그 관리 > 스킨 편집 화면의 오른쪽 하단에 있는 '기본 설정' 부분에서 '글 목록 글 수'를 한 번 확인해보시고
      그럼에도 문제가 해결되지 않는다면 스킨을 재설치 하시는 것을 권장드립니다.

      스킨 배포 이후로 티스토리의 스킨 정책이 조금 바뀌었는데 아무래도 거기에서 충돌이 있는 것 같네요.
      확실한 답변 드리지 못해 죄송합니다 ㅜㅜ

  •  댓글  수정/삭제 프랑스파리
    2018.06.20 15:04 신고

    타이틀 로고를 넣으려면 어떻게 해야하나요??

    •  수정/삭제 Darney
      2018.06.21 20:48 신고

      안녕하세요.

      타이틀 로고는 스킨 파일 중 index.html에서 <a class=navbar-brand href=> 부분을 찾아 그 다음에 이미지 파일을 넣어주시면 됩니다.
      예) <a class=navbar-brand href=><img src='./images/logo.png' style='height: 40px; margin: -10px 0px;'></a>

  •  댓글  수정/삭제 Hoduhodu
    2018.06.21 18:04 신고

    안녕하세요
    한가지 여쭙고 싶은게 있어서요.

    이 블로그보면
    모바일기준으로 사진은 양 옆으로 꽉차있고
    글은 한칸정도 안으로 들여쓰기가 되어있는데
    이 스킨적용한 제 블로그는 왜 텍스트도 양 끝까지 가는걸까요??ㅜㅜ

    번거롭게 해드려 죄송합니다만
    답변부탁드릴게요~

    •  수정/삭제 Darney
      2018.06.21 20:46 신고

      안녕하세요.
      스킨 사용해주셔서 감사합니다 :)

      말씀해주신 부분은 스킨 파일 중 index.html의 <body> 위에 <script> $(document) ~~~ </script>에 명시되어 있습니다.
      스킨을 수정하시다가 해당 부분이 지워져서 생기는 문제일 수도 있구요 또는 사용하시는 기기의 브라우저가 javascript를 제대로 처리하지 못해 생기는 문제일 수도 있습니다.
      만약 컴퓨터 화면에서는 정상적으로 보이는데 휴대폰으로만 문제가 발생한다면 후자에 해당하겠네요 :)

      답변이 도움이 되었나요?
      궁금한게 있으시면 언제든지 댓글이나 방명록 남겨주세요~

    •  수정/삭제
      2018.06.22 08:54

      비밀댓글입니다

  •  댓글  수정/삭제 까칠양파
    2018.08.04 14:20 신고

    덕분에 좋은 스킨을 만나서 잘 쓰고 있습니다.
    그런데 본문 폰트를 바탕체를 바꾸고 싶습니다. 사진 자막은 지금과 동일하고, 본문만 폰트를 변경하고 싶어요.
    폰트와 함께 글자크기를 지금 크기는 한 11정도 되는거 같은데, 13~14로 바꾸고 싶은데, 어디를 조정하면 될까요?

  •  댓글  수정/삭제 테라트
    2018.08.22 22:40 신고

    잘 적용했습니다~ 이쁘게 쓸게요~:)

  •  댓글  수정/삭제 ajd
    2018.09.23 01:27 신고

    스킨 잘 쓰겠습니다. 감사합니다.

Darney

그만 좀 싸돌아다녀 이것아