티스토리 반응형 #2 스킨에 대해 11.01

1.     

블로그 첫페이지 로딩이 된 다음 왼쪽에

- 그림을 넣을 때는 스킨 편집화면으로 가서 글목록갯수메뉴 바로 밑에 보이는 그림파일 업로드.

- 단순히 색을 바꿀 때는 아마 이거. 나중에 확인해볼 것. style.css

카테고리와 메뉴를 호출하면 그 바탕화면색은, skin.html

2.     

글 본문 글자 크기와 글자색

만약 이렇게 했는데 바뀌지 않는 글자가 있다면(특히 몇 년 전, 옛날 스킨, 옛날 편집기로 적은 과거글), 그 위에 있는 .area_view 에도 설정을 넣어준다.

3.     

본문 글자 크기를 키웠기 때문에,

본문 하단에 카테고리의 다른 글 보기 플러그인이 표시해주는 글자 크기도 키웁니다.

테두리선색을 바꾸고, 여백을 넣고, 그러면서 글씨를 키웠으니 테이블도 키우고, 레이아웃이 깨지지 않게 몇 가지 고쳐준 것입니다. 저는 이런 걸 잘 하지 못하기 때문에 다른 스킨에서는 적용안되는 게 있을 수 있으니 주의.

th는 글제목 셀, td는 날짜 셀입니다.

그 결과가 아래 보이는 것.

4.     

이 스킨이 원래 그런지 제가 고치다 코드를 망가뜨려 버그가 생겼는지 모르겠는데,

만약 윈도우 가로폭 738~1262픽셀 사이에서 블로그 본문이 화면폭만큼 넓어져 깨진다면

(1262픽셀을 넘어가면 또 원래대로 줄어듭니다) 

style.css 에서 

@media

only screen and (min-width:738px) and (max-width:1262px){

이 부분을 찾아 그 {} 안에다가

.area_view { max-width: 800px;}

를 넣어줍니다. 800px는 임의로 넣어준 것이고, 스킨에 따라 .area_view가 그 부분에도 있으면 {}안에 들어있는 css만 추가해줍니다.

그러면 웹브라우저 윈도우 좌우끝에 커서클릭하고 윈도우 폭을 좁혔다 늘렸다할 때 위화감이 생기던 게 없어질 겁니다.