본문 바로가기

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

티스토리 스킨 - 반응형 심플 블랙 사이드바 스킨 배포

스킨명 : 반응형 심플 블랙 사이드바 티스토리 스킨




고정 사이드바 형태의 심플한 반응형 스킨입니다.


단색조의 심플하고 좁은 레이아웃에서도 보기 좋은 스킨입니다.


전체적으로 글자 크기를 표준 크기에 비해 조금씩 작게 조정을 해서 조금더 많은 내용이 표시될 수 있도록 했습니다.


모바일 대응 잘 됩니다.



CSS를 변경할 줄 아는 경우

사이드바 배경색을 변경하거나 배경 이미지를 넣으려면 CSS(style.css) 파일

65라인의 ".wrap_sub" 클래스 배경색을 변경하거나, 배경 이미지를 넣으면 됩니다.


사이드바 너비를 변경하려면 

CSS(style.css) 파일에서 270px라고 값이 지정된 것을 원하는 너비로 변경하면 됩니다.

그리고, 220px ~ 250px 사이의 10px 단위로 너비가 정해진 것들도 변경되는 너비의 차이만큼 동일하게 줄여주면 됩니다.


스킨미리보기


* 미리보기시 브라우저 창 크기를 줄이면 모바일 반응형 화면을 확인할 수 있습니다.

---------------------------------------

1.0.4 Patch - 이웃추가 링크에 버그가 있어 패치되었습니다.

1.0.2 Patch - javascript 오류가 나던 부분이 패치되었습니다.

1.0.1 Patch - 모바일 컨텐츠 보기 화면에서 상단 블로그 타이틀이 고정되지 않던 문제가 패치되었습니다.

---------------------------------------


reactive_blackside_1.0.4.blogpack.tistory.com.zip




  • ---------------------------------------
    1.0.1 Patch
    모바일 컨텐츠 보기 화면에서 상단 블로그 타이틀이 고정되지 않던 문제가 패치되었습니다.
    ---------------------------------------

  • 비밀댓글입니다

    • 광고 붙이는게 조금은 스킬을 필요로 합니다.
      기본적으로 사이드바가 있는 스킨은 사이드바 영역에 광고를 붙이는 것은 추천하지 않습니다. 작은 화면이나 모바일 화면에서는 광고가 안보일 수 있기 때문에...

      스킨 html 68행에
      <div style="width:250px;height:250px;background-color:#fff;margin:0 auto">배너광고영역</div>

      요걸 붙이보시면 대충 배너 광고 영역이 어떻게 붙는지 보실 수 있습니다.

      광고는 구글 광고와 다음 애드핏을 붙일 수 있는데...
      플러그인으로 사이드바에 광고를 붙일 수 있게 지원하는 것은 애드핏만입니다.
      다만 애드핏 사이드바 광고도 세로로 긴것만 지원하기 때문에 사용하는 스킨에는 맞지 않습니다.

      구글 애드센스 기준으로 애드센스 사이트에서 코드를 가져다가 위의 알려드린 위치에 <div></div> 사이에 붙여 넣기하면 됩니다.
      style="" 로 지정한 스타일을 지우시면 되고...

      애드센스 광고 붙이시려면 사이드바 너비가 270px니까 이 크기 이하인 직사각형 광고를 적당히 찾아서(250px, 200px 추천) 가져다 붙이시면 됩니다.

  • 빠른 답변 감사합니다 한번 알려주신데로 해보겠습니다

  • 이거 검색이 활성화가 안되는데....어떻게 하나요 ?? 그리고 방문자 수 띄우는 방법좀 알려주세요 ㅠㅅㅠ

    • 억 -_-;
      질문올라간걸 지금 봤습니다.
      스킨 적용 후 자바스크립트 파일을 같이 업로드를 안했거나, 웹브라우저에 캐시가 남은 경우 메뉴 펼침이나, 버튼등이 활성화가 안되는 경우가 있습니다.
      자바스크립트 파일을 업로드 하셨으면(script.js) 웹브라우저 캐시를 한번 소거해 보시기 바랍니다.

      방문자수는 왼쪽 메뉴 펼침을 하면 메뉴 레이아웃에 함께 구성되어 있습니다.

      본문이나 메인 영역으로 방문자수를 빼는 것은 css 도 손을 많이 봐야 하기 때문에 적용이 쉽지 않을것으로 보입니다.

      가능하면 현 스킨 레이아웃을 유지해서 사용하실 것을 추천합니다.