본문 바로가기

티스토리스킨/사이드 스킨

티스토리 스킨 080 - 반응형 사이드 모던 스킨 배포합니다.

스킨 080 : 반응형 사이드 모던


- 모던한 느낌의 차분한 사이드 메뉴 스타일의 스킨입니다.

- 스킨 옵션 설정에서 전체 배경과, 사이드바 배경색을 지정할 수 있습니다.

- 스킨 옵션 설정에서 글보기 영역 너비를 좁게(800px), 표준(900px), 넓게(1000px), 전체영역(100%) 로 변경할 수 있습니다.

- 사이드바를 왼쪽, 오른쪽 고정중 선택할 수 있습니다.

- 커버 기능은 글 목록 형태의 커버리스트 1가지만 지원합니다.

- 스킨에 포함된 index.xml 파일과 images 폴더 안의 script.js 파일을 업로드해야 스킨 레이아웃이 정상 동작합니다.

 

 










스킨 주요 특징

 

1단 전용 스킨이며, 사이드바 메뉴는 펼침 메뉴로 감추어져 있습니다.

스킨 옵션 설정에 대한 상세한 설명은 ->스킨 옵션설정 글을 보시기 바랍니다.(일부 옵션 항목은 제외되어 있습니다.)



* 이미지를 클릭하면 옵션 항목들을 자세히 볼 수 있습니다.


 

패치 내역

 

  • 없음









설치 주의사항

 

  • 스킨 적용시 index.xml, script.js 파일을 반드시 업로드해야 스킨이 정상 적용됩니다.
  • 파일 업로드 후에는 웹브라우저 캐시를 한번 소거해야 바로 스킨이 정상 반영됩니다.


* 글보기 영역 너비를 좁게(800px), 표준(900px), 넓게(1000px), 전체영역(100%) 중 선택할 수 있습니다.(좌우 여백합 60px 포함 전체 너비입니다.)








* 사이드바 위치를 왼쪽, 오른쪽중 선택할 수 있습니다.

  • 잘 활용해 볼게요, 감사합니다^^

  • 안녕하세요, 먼저 다양한 무료배포 스킨 감사드리며 스킨 적용 중에 여쭤볼 게 있어 덧글 남겨봅니다;;

    반응형 사이드 모던 스킨과 반응형 민트페이퍼 2단 스킨을 사용해봤는데 둘 다 모바일에서 접속했을 때 사이드바? 토글 버튼 클릭했을 때 반응이 없어서요ㅠㅠ
    브라우저 어플을 바꿔봐도 반응이 없고요.

    혹시 어떤 거 때문인지 확인이 되실까요....

  • 현재 이 스킨 적용중인데 가장 깔끔하고 맘에 듭니다
    너무 잘 만드셔서 애장하고 쓰고 있습니다.
    어포스트님 감사합니다.

  • 비밀댓글입니다

    • style.css 에서

      .post-header h1
      .hgroup h1

      두개를 찾아서
      color: #888;
      속성 컬러값을 변경해주면 됩니다.

      원본기준 1338행
      .post-header h1
      는 전체글, 또는 카테고리 명

      원본기준 1734행
      .hgroup h1
      는 방명록 등 페이지 제목

      스타일입니다.
      color: #383838;
      정도 추천합니다.

      지금 보니 조금 옅어보이기는 합니다.
      스킨은 조금 더 잘보이도록 패치를 따로 했습니다.

    • 2019.11.06 20:37 댓글주소 수정/삭제

      비밀댓글입니다

  • 와 이것도 예뻐요 감사합니다!

  • 비밀댓글입니다

    • https://apost.kr/472

      이글을 보셨는데 이해가 안되시는 건지?
      아니면 보신건에 위치 파악이 안되는건지?

      skin.html에서 아래 치환자 검색해서
      그 사이에 넣는게 기본입니다.

      <s_index_article_rep></s_index_article_rep>

      그외 기본적인 주의점이나 스크립트의 어느부분을 수정해야하는지는 위 글을 보시면 됩니다.

    • 감사합니다 :) 덕분에 해결했습니다. 적용했더니 모양이 찌그러지길래, 코드문제인줄 알았더니 홈화면 글 숫자의 문제였군요..ㅜㅜ 제가 바보였습니다.

  • 흠... 저 왜... 댓글이 적용이 안되는걸까요? 원래 댓글이 안나올것같지 않은데ㅠ.. 도와주세유ㅠㅠ 제블로그에 댓글나오는 부분이 좀 이상해요ㅠ

  • 안녕하세요 감사히 쓰겠습니다. 질문이있는데 스킨 적용 후 제 블로그에서 글쓰기나 관리에 들어가려면 어디로 가야하나요?
    찾지를 못하겠네요 도저히..ㅜㅜ

    • 스킨종류에 따라 관리자, 글쓰기 링크가 없는 것들이 있습니다.
      단순 링크이므로 블로그 메뉴나 푸터메뉴 끝에 다른 링크를 복사해서 링크를 아래로 바꿔주면 됩니다.

      관리자
      <a href="[샵샵_owner_url_샵샵]" class="admin">관리자</a>

      글쓰기
      <a href="[샵샵_owner_url_샵샵]/post" class="admin">글쓰기</a>

      샵샵 -> ##

      이걸 추가해서 쓰면 됩니다.
      https://블로그주소/manage ->관리자url
      https://블로그주소/manage/post ->글쓰기

      가 됩니다.

  • 비밀댓글입니다

    • 적용한 스킨 최하단에 관리자 라고 표시됩니다.
      이걸 클릭하면 관리자 화면으로 넘어갑니다.

      글쓰기는 앞서 댓글처럼

      <a href="[샵샵_owner_url_샵샵]/post" class="admin">글쓰기</a>

      요걸 최하단 관리자 링크 오른쪽에 붙이는 것입니다.
      샵샵은 ##으로 바꿔줘야 합니다.

      skin.html 원본 기준
      643행에

      <a href="https://apost.kr">aPost.kr</a> <a href="[샵샵_owner_url_샵샵]" class="admin">관리자</a>

      이게 있습니다.
      관리자 링크입니다.
      </a> 오른쪽에
      위의 글쓰기 링크를 추가로 넣어주면
      블로그 최하단에
      관리자 글쓰기
      링크 2개가 표시되게 됩니다.

      잘모르겠으면 스킨이 패치되어 글쓰기 링크가 최하단에 추가로 표시되므로 스킨을 다시 다운로드 받아서 skin.html 파일만 다시 적용해도 됩니다.

  • 비밀댓글입니다


닫기