블로그 스킨 변경 & 간단수정

티스토리 스킨을 두달 전 즈음 변경했는데 오늘 보니 본문 내용의 글자가 너무 작게 보였습니다.

예전에 홈페이지 제작에 많이 쓴 12px 보다 더 작아 보여서 수정하려고 로그인했더니

11월 스킨 업데이트가 있더군요. (진짜 블로그 만들고 글도 안쓰고ㅋㅋ)

관리자로 들어간 다음 추가된 스킨 중 반응형 하나 골라서 변경!!

애들센스도 반응형으로 변경!!

추가. 적용한 스킨은 Poster 스킨입니다( https://www.tistory.com/skin/pg_Poster )

오~ 깔끔하고 좋네(전형적인 개발자 스타일~;;)

그런데 조금 허전하네?

블로그 제목 밑에 줄이나 하나 그어볼까?

(역시 개발..)

스킨 편집 들어가서 html 편집 클릭

css 수정 클릭 후 상단 부분 찾음

border-bottom:1px solid #ddd;

줄 추가

모바일에서 보니 블로그 이름이 잘려 보이고

오른쪽 상단 메뉴랑 겹쳐져 있다.

font-size:1.2em; 으로 변경

margin-top:20px; 추가

그리고 media 쿼리 추가

@media (min-width:400px) { #hearder h1 {font-size:1.5em; margin-top:0; }

파폭 반응형 디자인 모드에 갤럭시노트9 가로가 414px 인데

여기선 블로그 이름이 전부 보이길래 400px 로 했음

아래는 PC 화면~ 진짜 줄만 추가했음

모바일 반응형 디자인 모드

320에선 블로그 이름 잘림(그렇게 되면 너무 작아져서 그냥 방치)

뭘 더 바꿀까 하다가 귀찮... 끝.

같은 스킨 사용 중인 분들 참고하시길~