내 블로그의 Odyssey 스킨 CSS값을 좀 더 수정했다.

저번달에 새로 적용한 Odyssey 스킨을 아직 조금씩 손보고 있다.

이번에 CSS값을 수정할때는 블로그 상단 메뉴와 본문 제목 영역이 차지하는 공간을 줄이는데 공을 들였다.

* 데스크탑 페이지 수정

.header .topnavmenu > ul

height : 60px;

.article-header-noimg

height : 180px;

.header .tt_category .category_list .link_item, .header .topnavmenu > ul > li > a

margin-top : -15px;

.article-header .title-article

margin-top : -15px;

.article-header .box-info

margin : 0 0 -40px 0;

#tt-body-page .main

padding-top : 200px;

.article-header .box-meta .category

margin-bottom : 20px;

margin-top : -90px;

-----------------

* 태블릿, 모바일 페이지 수정

@media screen and (max-width: 1060px)

.header .tt_category .category_list .link_item, .header .topnavmenu > ul > li > a

margin-top: 0px;

@media screen and (max-width: 1060px)

.article-header .title-article 

font-size : 24px;

@media screen and (max-width: 1060px)

.article-header .box-info

margin-bottom : -15px;

@media screen and (max-width: 1060px) {

    #tt-body-page .main {

        padding-top: 200px;

    }

}

이번에 CSS값을 수정한 이유는 어딘가에서 본문 상단에 애드센스 광고판 2개 넣는 방법을 보았기 때문이다.

그런데 광고 세로 길이가 너무 길면 게시물에 들어갔을때 본문이 보이지 않아 구글에게 트집을 잡힐 수 있다. 그래서 일부러 블로그 상단 영역을 줄여서 광고판 세로 길이를 확보한 것이다.

1월 한 달 동안 그런 식으로 광고판을 달아 볼 생각이다.