안녕하세요 오늘은 티스토리에서 지원하는 오디세이 스킨
왼쪽 사이드 메뉴를 오른쪽으로 옮겨보도록 하겠습니다
아무래도 한국 사람들은 대부분 왼쪽부터 글을 쓰고 읽기 때문에
이런 점을 고려해서 메뉴 위치를 변경했습니다
우리가 오늘 적용할 왼쪽 사이드 메뉴입니다
티스토리 스킨 편집 - CSS 수정한다
[블로그 관리 홈] > 꾸미기-스킨 편집 > html 편집 - CSS 항목을 클릭해서
ctrl+f 키를 눌러 .wrap-right .main이나 .wrap-right .area-aside 태그를 검색합니다
검색 후 사진과 같이 flex-direction 값과 margin 값을 설정해 주세요
여기까지 적용했으면 메뉴바 위치가 왼쪽으로 이동될 겁니다
메뉴바가 옮겨졌으면 본문 내용 크기와 메뉴 폭이 알맞지 않을 텐데
이 부분을 .area-main 와 .area-aside 태그 width 값을 수정해 주세요
.area-main - max-width : 본문 내용 사이즈를 수정할 수 있습니다
.area-aside - width : 메뉴 폭을 수정할 수 있습니다
마지막으로 카테고리의 간격도 수정해 봤습니다
.area-aside .box-category .tt_category 태그를 검색하여
margin-left 값을 알맞게 설정했습니다
값은 입맛대로 수정하시면 됩니다
해당 코드를 모두 수정하면 이렇게 오른쪽에 있던 메뉴가 왼쪽으로 이동되었습니다
이 내용을 바탕으로 오디세이 스킨을 꾸미고 싶은
티스토리 운영진들에게 많은 도움 되셨으면 좋겠습니다
반응형
