본문 바로가기

Blog/티스토리스킨

웹 반응형 스킨 스파이더웹 커버 이미지 사용 안 하고 없애기

cover


마크쿼리 웹 반응형 스킨 커버 이미지 삭제

Spider’s Web 3.0.5 기준으로 작성했습니다.

좀 식겁한게 있엇더니 만사 귀찮네요.
저는 커버 이미지 만들어서 사용하다 없애고 이미지부분을 다 없애고 사용합니다.
하고 싶은 건 따로 있는데 귀찮아 왜 이렇게 귀찮지 ㅠㅠ
커버 이미지 부분 사용 안 하기는 별로 대단한 건 없고 있는 거 없애는 거니까.
힘든 거 없습니다. ㅎㅎ



수정부분


skin.html

<div class="container skeleton-header">
<div class="row col-nospace">
<div class="col-sm-12">
	<figure class="cover">
		<figcaption>빛이 있으면 어둠도 있다!!!
내가 생각하는 자그마한 한 세상 이야기?</figcaption>
	</figure>
</div>
</div>
</div><!-- /.container skeleton-header -->

style.css

/* site cover
-------------------------------------------------- */
.cover {
  padding-top: 34.18%;  
  *height:auto;
  background-image: url(./images/cover.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
}
.cover figcaption {
  margin: 0;
  padding:0;
  font-size:0;
  text-indent:-9999px;
}

위에 스킨 부분에 삭제를 하거나 주석 처리해서 가려주시면 됩니다.


<div class="container skeleton-header"> ... </div><!-- /.container skeleton-header --> 까지 삭제하거나 주석처리.



/* site cover */ 부분을 주석 처리하거나 삭제.
혹시나 이미지를 제작해서 사용하시면...
파일 업로드하고 그 파일명을 background-image: url(./images/cover.jpg); 이부분의cover.jpg 수정하면됩니다.

Plus

정리해보면

오늘 만사 귀찮고 피곤해서 대충대충 적었어요. ㅎㅎ
암튼 위에 보시된 부분을 다 삭제하거나 주석 처리하시면 커버 이미지 사용 안 하기가 됩니다.
커버 부분에 다른 방법으로 블로그 제목이나 텍스트 입력하고 설명을 입력할 수도 있지만 ...
제가 사용을 안 하기에 패스합니다. '';; 커버 이미지 부분에 본 블로그에 티 에디션에 제일위에 사용하는 슬라이드 쇼 같은 걸 적용하고 싶은데 귀찮은 게 문제네요.
이늠의 귀차니즘 ㅠㅠ