[네이버웹마스터도구] 티스토리 반응형 스킨 #2 배경이미지 바꾸기

티스토리 반응형 스킨 #2 배경이미지 바꾸기 1

파일명 : worker_ceo_sample  / PC화면에서 볼때 좌측의 배경이미지 변경 작업 용 파일

티스토리 반응형 스킨 #2 배경이미지 바꾸기 1

파일명 : worker_ceo_sample  / PC화면에서 볼때 좌측의 배경이미지 변경 작업 후 모습

작업 방법 CSS 60번째줄 수정(건설워커 유종현 컨스라인 블로그의 경우)

변경전
.wrap_sub{background-image:/*@background-image*/url(images/header_default.jpg)/*@*/;}

변경후
.wrap_sub{background-image:/*@background-image*/url(images/worker_ceo_sample.jpg)/*@*/;}

 

티스토리 반응형 스킨 #2 배경이미지 바꾸기 2

파일명 : 취업서적_5792_3372_2538.jpg / 중간 크기 브라우저에서 볼때의 상단 배경이미지 작업용 파일

티스토리 반응형 스킨 #2 배경이미지 바꾸기 2

 

작업 방법 / CSS 505번째줄 수정 (건설워커 유종현 컨스라인 블로그의 경우)

변경전
.wrap_sub {position:relative;width:100%;max-height:500px}

변경후 
.wrap_sub {position:relative;width:100%;max-height:500px; background-image:url(images/취업서적_5792_3372_2538.jpg)}

티스토리 반응형 스킨 #2 배경이미지 바꾸기 3

파일명 : rec20090503_3.jpg / 메뉴 표시를 클릭했을때 펼쳐지면서 나타나는 메뉴 배경이미지

티스토리 반응형 스킨 #2 배경이미지 바꾸기

 

 

작업 방법 / CSS 83번째줄 수정  (메뉴를 펼쳤을 때 나타나는 배경이미지)

변경전
.navi_on .wrap_sub{width:960px}

변경후 
.navi_on .wrap_sub{width:960px; background-image:url(images/rec20090503_3.jpg)}