본문 바로가기

반응형 1단 블랙나이트 스킨 배포

별이 빛나는 밤하늘을 주제로 만든 어두운 느낌의 블로그 느낌에 잘 어울리는 블랙 나이트 스킨입니다.


반응형 스킨이고 모바일 대응 잘 됩니다.


컨텐츠 너비는 800px입니다.


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

1.0.4 Patch - 모바일 화면에서 스크롤시 상단 카테로리명 표시 고정 타이틀바 배경색이 맞지 않던 부분이 패치되었습니다.

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

1.0.2 Patch

 - 검색 아이콘이 위치가 조금 어긋나 보이던 문제 해결

 - 검색어 검색 결과가 모바일 화면 최상단에 표시가 되지 않던 문제 해결

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


blacknight_1.04_blogpack.tistory.com.zip



스킨미리보기


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


컨텐츠 너비를 변경하려면

CSS파일(style.css) 파일을 열어 800px -> "원하는너비px"로 일괄 변경하면 됩니다.

반응형 대응을 위해 설정된 880px -> "원하는너비+80px" 로 변경해주면 됩니다.


전체 라이아웃이 컨텐츠 너비 800px 좌우에 40px씩 여백이 있습니다. 그래서 전체 최대 레이아웃 너비는 880px가 됩니다.


배경 이미지 없이 올 블랙으로 사용하려면 CSS(style.css) 파일의 54행을 삭제하면 됩니다.




배경 이미지는 별이 빛나는 밤하늘이고, 브라우저 크기가 변경되는데 따라 비율에 맞춰 자동으로 조절됩니다.



images 폴더 안에 추가 배경 이미지가 있습니다.

보케 밤배경 느낌의 이미지이고

header_default.jpg로 파일명을 변경해 스킨 업로드 기능으로 이미지 업로드를 하면 됩니다.



  • -------------------------------------
    1.02 Patch
    검색 아이콘이 위치가 조금 어긋나 보이던 문제 해결
    검색어 검색 결과가 모바일 화면 최상단에 표시가 되지 않던 문제 해결
    -------------------------------------

  • 깔끔하고 예뻐요
    블로그 하나 새로 만드려고 스킨 찾고 있었는데 잘 쓰겠습니다~!

  • 감사합니다~~!! 블로그 스킨으로 사용하고 출처 남기겠습니다!

  • 감사합니다 잘 사용하겠습니다!

  • 스킨 잘 사용하고 있습니다ㅎㅎ
    html과 css 참고용으로도 잘 쓰고 있는데 약간 궁금한게 있더군요...

    모바일 버전에서 밑으로 스크롤시 상단에 흰색의 타이틀바가 생기던데 이건 어떻게 수정해야 하나요?

    • 버그입니다.
      세로로 긴 모바일 스크롤시 현재 카테고리 위치나 블로그 타이틀을 표시하는 스크롤 고정 타이틀바이고
      원래 의도는 흰색 95% 불투명 배경에 검정색 글씨이거나, 검정 95% 불투명 배경에 흰색 글씨여야 하는데, 뭔가 손을 대다 둘다 흰색으로 지정을 해놓은 것 같습니다.
      지금 봐서는 느낌적인 느낌으로는 검정배경에 흰색 글씨가 더 맞지 않나 싶습니다.
      첨부파일에 패치버전을 올렸습니다.(검정배경에 흰글씨로)

      스킨 커스터마이징을 한 상태여서 덮어쓰기 어려우시면
      css 파일 488행의
      background-color:rgba(255, 255, 255, 0.95);
      부분을
      background-color:rgba(0, 0, 0, 0.95);
      로 변경(255 를 0으로) 하시면 검정 배경에 흰글씨로 타이틀이 잘 표시됩니다.

      흰배경에 검정글씨가 낫다 싶으시면 기존 상태에서
      489행의
      color:#e7e7e7;

      color:#000;
      으로 바꾸셔도 됩니다.

      커스터마이징 해서 쓰시는 css 기준으로는 아마 551, 552행이 되지 싶습니다.