티스토리 상단에 있는 배경화면을 설정하는 방법을 알려드리겠습니다. 직접 진행하면서 만들었기 때문에 따라하시기만 한다면 문제없이 무난하게 적용될 것입니다. 혹시 막히는 부분이 생기시면 댓글달아 주시기 바랍니다. (티스토리 상단 배경 이미지 설정하기)
테슬라의 모든 정보를 모으는 블로그,
테정원을 검색하세요!!
글, 사진 및 이미지 ▶ CopyLeft(C) 김성훈
#CopyLeft(C)는 저작권의 반대 개념으로, 카피라이트(CopyRight)와 반대되는 말입니다. '지적소유권' 이 오히려 정보의 물길을 막는 장애물이 되고 있는 현실을 극복하기 위한 운동입니다#
#사진과 이미지의 일부는 퍼온 것도 있습니다#
블로그
FastBoot 티스토리 상단 배경 이미지 설정하기
당연한 이야기이지만 티스토리 반응형 스킨인 FastBoot1.6.2가 설치된 상태에서 시작합니다.
티스토리 상단에 배경 이미지를 넣는 방법에 대해서 알려드리겠습니다. 전 타이틀 제목을 글씨체, 글자색 수정 하는 것보다 배경 이미지를 작업하여서 넣는 것이 더 깔끔하다고 생각합니다. 그리고 제목에 링크 걸지 않아도 되어서 더 편한 거 같습니다.
먼저 상단에 배경 이미지를 넣을 때, 좌측에 제목을 넣는 이유를 알려드리자면, 크롬 또는 익스플로러 창을 줄이면 이 제목까지 줄어들면서 메뉴 글자와 겹치게 되기 때문에 제목을 좌측으로 빼는 것입니다. 그리고 스크롤을 아래로 내리면 부제목은 사라지고 제목만 따라서 내려가게 됩니다.
먼저 첨부 파일을 다운받으시기 바랍니다.
title (PSD, JPG 파일 첨부)
title.zip첨부 파일에 편하게 포토샵으로 꾸미시라고 PSD 파일도 넣었습니다.
블로그 관리에서 (꾸미기 -> 스킨편집 -> html편집)으로 갑니다.
파일업로드
첨부파일을 본인의 블로그에 맞게 수정하여 파일을 첨부합니다. 단, 한글은 인식 못하니 영어로 파일제목을 정해주시기 바랍니다. 그리고 HTML 코드 작업 시 파일 제목과 확장자를 써야하니 기억해두시기 바랍니다.
CSS 편집
상단 배경 이미지.txt
CSS 최하단에 첨부파일 코드를 본인이 업로드한 파일제목과 확장자에 맞게 수정하여서 붙여넣습니다. 제 경우엔 title5인데 수정을 5번 거쳤습니다. 이상하게도 이전 파일명으로 하니 예전 이미지가 계속 올라와서 제목을 부득이하게 수정하여서 작업하였습니다.
그리고 혹시나 배경 이미지 색상을 흰색을 하시게 된다면 코드 끝부분에 white라고 되어있는 부분을 네이버 색상표 검색하셔서 #1DDB16(녹색) 이런 코드를 white 대신에 넣으시면 됩니다.
#desktopNav p.rightMenus a {color:white;}
카카오 플러스 친구 버튼을 만들어놨습니다. 댓글로 물어보기 힘든 부분은 더욱 편하게 물어보세요! (예, 사진으로 설명해야할 경우)
블로그 꾸미기 관련글
FastBoot 티스토리 기본 글꼴, 글자크기 설정하기
FastBoot 사이드바 카운터, 방문자 그래프 합치기
도움이 되셨다면 로그인 없이 가능한
아래 하트♥공감 버튼을 꾹 눌러주세요!
'블로그 > FastBoot 1.6.2' 카테고리의 다른 글
| FastBoot 티스토리 사이드바 카운터, 방문자 그래프 합치기 (0) | 2017.09.28 |
|---|---|
| FastBoot 티스토리 상단바 꾸미기 (1) | 2017.09.28 |
| FastBoot 티스토리 애드디스로 SNS 공유하기 버튼 만들기 (0) | 2017.09.26 |
| FastBoot 티스토리 최상단 꾸미기 총정리 (2) | 2017.09.24 |
| FastBoot 티스토리 상단메뉴 영어에서 한글로 바꾸기 (4) | 2017.09.23 |
| FastBoot 티스토리 블로그 관리 설정 최적화 (6) | 2017.09.18 |
| FastBoot 1.6.2 설치 (9) | 2017.09.18 |
