티스토리 스킨편집 (4) : 하단메뉴 중심맞추기

 

 

 

가로폭을 넓히면 자연스럽게 아래 동떨어진
하단메뉴들의 정렬이 맞지 않게 된다

중심이 맞지 않는 하단메뉴들을 정렬시켜보자

 

 

F12를 눌러 하단메뉴를 포함하는 명령어가
wrap_box_footer
인것을 확인할 수 있는데

 

 

F12탭의 wrap_box_footer
하위항목인 footmenu를 클릭하면
우측 하단과 같은 창이 뜬다

사진처럼 padding이라는
초록색 영역의 오른쪽에 240을 입력해보자

 

 

padding의 오른쪽에 240을 입력하면
오른쪽에 240px만큼의 추가여백이 생긴다는 말이다

그 말은 즉 하단메뉴들이 왼쪽으로 240만큼 밀려간다는 뜻

 

 

사진을 보면 가로폭을 넓힌 위쪽 본문과
어느정도 가운데 정렬이 되는걸 확인할 수 있다

 

 

누차 얘기했듯 F12는 그저 미리보기이고
실제 편집은 티스토리 편집기에 들어가서 수정해야 된다

 

관리자 - 스킨편집 - HTML 편집 - CSS탭에 들어간 후
Ctrl + F를 눌러 wrap_box_footer 혹은 그냥 footer를 입력해

사진과 같이 copy right, foot menu 안에다가
padding-right : 250px ; 을 적어넣으면


실제 블로그화면에도 적용이 된다

 

 

하단메뉴들이 본문 페이징 아래에 정렬을 맞춘 모습

 

참고로 글이 많아질수록
페이징이 하단에 있으면 불편함이 이만저만이 아니다

 

페이징을 상단의 글목록 바로아래로 옮기는 방법은
다음 글을 참고하면 된다

티스토리 페이징기능을 상단으로 올리기

 

 

https://stylemile.tistory.com/56  
티스토리 스킨 간소화

https://stylemile.tistory.com/57 
티스토리 배경 바꾸기 

https://stylemile.tistory.com/58 
티스토리 가로폭 넓히는 법


https://stylemile.tistory.com/127 
티스토리 본문위치 조정 


https://stylemile.tistory.com/128 
사이드바 좌우위치 바꾸기