본문 바로가기

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

티스토리/블로그스킨

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

티스토리스킨 웨일더스트 2018.10.07 03:13

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


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


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


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

1.02 Patch

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

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

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



blacknight_1.02_blogpack.tistory.com.zip



스킨미리보기


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


컨텐츠 너비를 변경하려면

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

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


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


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




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



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

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

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



3 Comments
댓글쓰기 폼

티스토리 툴바