디자인텐

마크쿼리 스킨 , 상단의 큰 타이틀 안보이게 하기 본문

막이야기

마크쿼리 스킨 , 상단의 큰 타이틀 안보이게 하기

아!침밥먹기 2014. 11. 27. 02:22


접속해서 처음에 보이는 타이틀 사진 사이즈가 너무 커서.. 아래 글 읽기 조차 힘드네요

사진 사이즈가 너무 크다보니까, 글이 너무 밑에 있는 느낌이네요.


그래서 과감히 일단 없애는 쪽으로 시도해 보았습니다.

혹시 모르니 완전 없앤다기보다는 빨간색 주석처리해서, 안 보이게 하는 방식을 택했습니다.



skin.html

/* 타이틀 부분 주석처리해서 상단 큰 이미지 안 보이게 하는 주석

<section class="container skeleton-header">
<div class="row col-nospace">
<div class="col-sm-12">
 <figure class="cover">
  <hgroup>
  <h1><a title="home" href=""></a></h1>
  <h2></h2>
  </hgroup>
 </figure>
</div>
</div>


위에서 처리한 주석의 끝  */






 style.css

/* 타이틀 부분 주석처리해서 상단 큰 이미지 안 보이게 하는 주석

.cover {
  padding-top: 69px;  
  *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 hgroup h1, 
.cover hgroup h2 {
  margin: 0;
  padding:0;
  font-size:0;
  text-indent:-9999px;
}
위에서 처리한 주석의 끝  */



http://pgtyman.tistory.com/352

마크쿼리 폭 조정

Comments