반응형

2024/07/28 3

[오딧세이스킨] 탑메뉴에 현재위치 표시

탑메뉴에 현재의 위치를 표시하려고 합니다. 오딧세이스킨을 사용하고 있으며, 블로그관리의 메뉴를 사용하고 있습니다. 메뉴명과 카테고리명이 같습니다. [목차] 오딧세이스킨의 탑네비메뉴에 현재위치 표시하기1. CSS코드 수정(PC)이것저것 손대서 이제 라인번호가 맞는지도 모르겠습니다. .header .tt_category .category_list>li:hover>a:after,.header .topnavmenu>ul>li:hover>a:after,.header .topnavmenu>ul>li>a.active:after { content: ''; position: absolute; top: 16px; left: 0; bottom: -1px; width: 100%; heig..

지식창고 2024.07.28

[오딧세이스킨] 목록 수정하기

티스토리 오딧세이 스킨을 사용중이며, 너무 작아 가독서이 떨어지는 듯하여 리스트의 제목과, 요약, 썸네일 등을 수정하여 좀 더 보기 편하게 해보겠습니다. [목차] 오딧세이스킨 목록 수정하기 1. 아래공백, 라인삽입.article-type-common { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #efefef; }아래 공백을 20px를 주고 1px의 선을 주어 아래리스트와 구분하도록 했습니다. 2. 제목 title 크기변경.article-type- .title,.article-type-thumbnail .title { margin-bottom: 5px; font-size: 1.25em; color:#07d; font-weigh..

지식창고 2024.07.28

[오딧세이스킨] 본문폭 넓히기

2단으로 사용하다보니 본문 폭이 너무 작습니다. 참고 블로그는 티스토리의 블로그관리와 비슷하게 만들고 있습니다. 그래서 티스토리의 블로그와 같은 본문 폭을 바꾸어 봅니다.[목차]오딧세이스킨 본문폭 넓히기1. 전체 CSS 수정오딧세이는 가로 max 1020px로 되어 있습니다. 그러는 반면에 티스토리의 블로그관리 페이지는 1150px로 되어 있습니다.css에서 ctrl + f 키로 1020px를 1150px로 바꾸면 됩니다.총8개 뜹니다. 2. 2단사용 본문 CSS수정area-main 입니다. 700px로 되어 있습니다.왼쪽은 max-width: 800px 로 수정하였습니다.오른쪽 사이드는 310px로 수정하였습니다.총 가로가 1150이므로왼쪽 본문의 area-main은 800px, 오른쪽 310px로 사..

지식창고 2024.07.28
반응형