일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 중국집 만보성
- 맛집
- 롯데시네마 버터구이오징어
- 반응형스킨 수정
- 스위스추천
- 강변 맛집
- 반응형 스킨
- 리빙스톤 와인
- 완글래스와인
- 상아이크린
- 양재역 식당
- 강남역
- 강남역 식당
- 상아이클린
- 상아칫솔
- 원글라스와인
- 와인
- 빽바당
- 초코
- 마스크팩
- 초콜렛
- 초코렛
- 비빔밥카페
- 포플러 파니니
- 마스크
- 만보성
- 만보성 후기
- 쉬크하이드로 쉐이빙
- 반응형스킨
- EPONG BURGER
- Today
- Total
디자인텐
마크쿼리 스킨 , 상단의 큰 타이틀 안보이게 하기 본문
접속해서 처음에 보이는 타이틀 사진 사이즈가 너무 커서.. 아래 글 읽기 조차 힘드네요
사진 사이즈가 너무 크다보니까, 글이 너무 밑에 있는 느낌이네요.
그래서 과감히 일단 없애는 쪽으로 시도해 보았습니다.
혹시 모르니 완전 없앤다기보다는 빨간색 주석처리해서, 안 보이게 하는 방식을 택했습니다.
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
마크쿼리 폭 조정
'막이야기' 카테고리의 다른 글
여자에게 패션과 쇼핑이란? 소중한것.. (0) | 2015.05.08 |
---|---|
목도리 스타일은? 4가지 전격 비교 (0) | 2015.03.13 |
티스토리에서 기본적으로 제공해주는 모바일웹 스킨 알아보기 (0) | 2014.11.09 |
반응형 스킨을 PC데스크탑 컴퓨터 모니터에서 모바일(휴대폰) 보는것처럼 확인하는 법 (2) | 2014.11.02 |
3탄 반응형 스킨 도전은 계속된다 - 게시글에 쓸데없는 정보 삭제하기. (0) | 2014.10.31 |