본문 바로가기

티스토리스킨/반응형 1단 스킨

티스토리 반응형 스킨 122 - 반응형 플러리 스킨 버전 4 배포합니다.

반응형

 

기존에 배포된 반응형 플러리 스킨 V3의 업그레이드 버전입니다.

이용자 요청이 있던 주요 기능을 업데이트한 버전이며, 기존 배포 버전에서 달라진 부분이 많아 V3 버전의 패치로는 업그레이드를 할 수 없어 별도 스킨으로 배포를 합니다.

 

업그레이드 된 주요 기능은

 

1. 다크모드 지원

 

다크모드

 

다크모드 토글 기능

 

다크모드 표시 및 설정은 스킨 옵션 설정의 푸터 섹션에서 할 수 있습니다.

 

다크모드 옵션 설정

 

2. 감춤 사이드바의 사이드바 모듈을 블로그 하단 영역에 옮겨 고정으로 표시하는 기능 추가

블로그 하단에 고정으로 표시되는 사이드바 모듈은 블로그 관리자의 사이드바 메뉴 화면에서 "사이드바2" 영역에 원하는 사이드바 모듈을 옮기면 됩니다.

하단표시 사이드바 모듈

 

입니다.

 

추가된 기능 외에는 기존 배포하던 반응형 플러리 스킨 V3와 동일합니다.

반응형 플러리 V3 버전의 자세한 기능에 대한 자세한 정보는 다음 글을 보면 됩니다.

 

> 반응형 플러리 V3.1 스킨 안내

 

 

반응형 플러리 V4 미리보기

 

반응형 플러리 V4 다운로드

 

반응형

Comments

  • 수고하셨쎄요~~

  • 깔끔하네요. 언제나 멋진 스킨 배포해 주셔서 감사합니다.

  • 깔끔하고 이쁜 스킨 감사합니다 :)

  • 예쁜 스킨 만들어주셔서 감사합니다. 혹시 사이드바에 최신글이나 인기글 말고, 카테고리를 그대로 넣으려면 어떻게 해야 하나요?

    • 스킨 옵션 설정에서 레이아웃-카테고리 위치를 헤더로 할지 사이드바로 할지 설정할 수 있습니다.

  • 답변 감사합니다. 카테고리가 헤더에도 나오고 사이드바를 열었을 때도 나오는 방법은 없을까요? 헤더에 나오는 게 이쁜데, 사이드바 열었을 때도 나오면 더 좋을 것 같아서요. 늦은 시간 번거롭게 해드려 죄송합니다! ㅠㅠ

    • 기술적으로는 가능은 하겠지만, html과 javascript 을 수정을 좀 하셔야 합니다.
      네비게이션 구조상 바람직하지도 않고...

      _category_list_

      로 html을 검색하면 1개가 나옵니다.
      카테고리 목록 출력하는 치환자입니다.([샵샵_category_list_샵샵])
      2개 이상 있을 수 있는 치환자이기 때문에 사이드바에 복붙해서 레이아웃 맞춰서 붙일 수 있습니다.

      다만 반응형 스킨이기 때문에 모바일 환경에서는 헤더에 있는 카테고리를 보이지 않게 처리해야 합니다.

      배포 스킨에서는 헤더에 있는 카테고리를 사이드바로 옮기는 방식으로 카테고리 위치를 정합니다.

  • 친절한 답변 감사합니다. 말씀을 듣고나니 예쁜 스킨에 너무 과욕을 부린 것 같네요. 알려주신 내용은 참고하여 공부해보겠습니다. 예쁘게 만들어주신 스킨에 양질의 콘텐츠만 담아두도록 할게요. 편안한 밤 되세요!

  • 익명 2022.07.14 14:07 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 글보기 화면 너비 1160px로 설정하신 후에
      style.css 에서
      .entry-content1160 으로 위에서 부터 검색하면 1160px로 width 속성이 설정된게 1개 나옵니다.

      두번째 나오는 것은 모바일용(100%)이므로 수정할 필요가 없습니다.

      1160px로 설정된 너비를 더 큰 값으로 변경하면 글보기 화면 너비가 더 넓어집니다.

      다만 추천하지는 않습니다.
      글보기 너비가 너무 넓어지면 가독성이 떨어져서 블로그 글 읽기가 좋지 않아집니다.

  • 스킨을 찾아 헤매다 지인의 소개로 마음에 드는 스킨을 만났습니다
    저같은 초보자도 사용하기 편 할 것 같습니다
    엄지 척 입니다 사용하면서 궁금한 점이 있으면 문의 드리겠습니다

  • 너무나도 맘에 드는 완벽한 스킨이네요.
    감사히 잘 쓰겠습니다~ ^^

  • 좋아요 홧팅

  • 익명 2022.09.29 10:44 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 다운로드 받은 스킨에 images 폴더가 있습니다. 그 폴더 안에 있는 모든 파일들을 업로드 해야 합니다.
      일부 화면 구성은 자바스크립트로 구동되기 때문에 모두 업로드 해야 합니다.

      잘 모르겠으면 다음 글을 보시면 됩니다.

      https://blogpack.tistory.com/930

    • 덕분에 해결되었습니다.

      이게 폴더를 선택했더니 파일이 1개만 업로드되고 말았었습니다.

      여러번 시도해도 그랬었네요.

      해결되었으면 다시 한 번 예쁜 스킨 감사드립니다~

      즐거운 하루 보내세요~

  • 익명 2022.10.01 11:05 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 제가 보기에는 쏠리는거 없이 정상으로 보입니다.
      웹브라우저 캐시를 한번 소거해보시기 바랍니다.

  • 익명 2022.10.03 12:26 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 스킨 원본 기준 style.css 182행에

      a, a:hover, a:visited, a:active {
      text-decoration: none;
      }

      클래스가 있습니다.
      스킨 전역으로 하이퍼링크에 생기는 밑줄을 제거하는 클래스 입니다.
      text-decoration: none;
      속성을 지우면 밑줄이 전체 스킨에 표시됩니다.

      밑줄이 강제로 없어야 하는 부분들은 별도로 밑줄 제거 속성이 부여되어 있기 때문에 위의 속성만 제거하면 됩니다.


❌ 닫기