본문 바로가기
정보

[티스토리] 오디세이(Odyssey) 스킨 편집 #2 _ 본문 게시글 영역 가로 사이즈 편집

by 나도잘 2020. 11. 8.
반응형

 

 

내 마음대로 스킨 편집하기

 

티스토리는 네이버 블로그처럼 클릭만으로 블로그를 꾸밀 수 있는 것이 아니라

코딩을 해야 하는 부분이라 너무 어렵게 느껴졌다.

코딩을 잘한다면 스킨 디자인이 다양해진다는 장점이 있다.

 

나는 우선 기본 디자인 오디세이(Odyssey)에서 조금씩 수정해 보기로 했다.

정말 코딩 하나 모르지만 그냥 한면 해보는 걸로!

 

!! 정확하지 않다는 점 주의!!

 

 

 

수정하고 싶은 부분

  1. 본문 게시글 영역 가로 사이즈  

  2. 우측 카테고리, 메뉴 부분 가로 사이즈 

  3. 본문 상단 제목 폰트 / 배경 색상, 높이

 

 

편집 위치  < 계정 - 스킨편집 - html편집 - CSS >

1. 본문 게시글 영역 가로 사이즈 편집

 

/* area-main */
.area-main {
    width: 100%;
    max-width: 740px;    ** 원하는 가로 사이즈로 편집 **

 

< 예시 >

max-width: 600px  

 

  max-width: 740px

게시글 가로 사이즈만 조절했을 뿐인데,
우측 메뉴 카테고리 부분 사이즈가 달라진 것을 확인할 수 있다.

 

기본 목록 스타일 [베이직 타입]으로 적용 되어 있지만

다름 스타일로 변경할 경우 틀어질수도 있을것 같다. !참고!

 

 

 

2. 우측 메뉴 영역 가로 사이즈 편집

 

/* area-aside */
.area-aside {
    width: 260px;  ** 원하는 가로 사이즈로 편집 **

 

< 예시 >

<1>  340px 일 경우               <2>  250px 일 경우

 

 


이렇게 저렇게 만들어 보고 있다

원하는 디자인으로 바꾸고 싶지만 쉽지 않다.

편집된 내용은 하나씩 정리해 둬야겠다.

돌아서면 잊어버리는 ^^;;

 

 

반응형

댓글