본문 바로가기

CSS

[팁] 구문강조 Syntax Highlighting 간단하게 HTML로 본문에 적용하기 check / 변환 할 구문 준비하기. 구문강조 Syntax Highlighting 간단하게 HTML로 본문에 적용하기 신택스 하이라이트. 구문 강조를 Syntax Highlighting을 통해 HTML 코드로 구현하기 위해변환 기능을 제공중인 Online Syntax Highliting(https://tohtml.com/)에 접속한다. 접속 후 아래 Source code 창에 원하는 구문을 입력 후바로 밑에 Highlight 버튼을 클릭하면 우측에 결과물, 상단에 HTML 코드가 출력된다. 우측의 Style 선택을 통해 다양한 색상으로 하이라이팅 할 수 있다.또한 바로 아래의 Type 선택을 통해 원하는 형식의 언어로 구문 출력이 가능하다.보통 Autodetect나 inet: html을 사용하면 된다... 더보기
[팁] 티스토리 #2 스킨 사이드바 애니메이션 삭제하기 check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 애니메이션 삭제하기 티스토리 #2 스킨은 사이드바를 열고 닫을 때좌우로 움직이는 애니메이션 동작이 포함되어 있다. 이렇게 애니메이션이 동작하는데,완벽히 부드럽지 않고, 딜레이가 있는 탓에 깔끔해 보이지 않아이 애니메이션을 제거하는 방법을 찾아봤다. 코드 수정을 위해 "블로그 관리" - "HTML / CSS 편집"에 들어간다. .wrap_skin{position:relative;min-width:884px;min-height:100%; padding-left:23%;transition:padding-left ease-in-out 0.2s} 우선 CSS에 들어가 39줄 부근의 transition 구문을 삭제해야 한다. .wrap_ski.. 더보기
[팁] 티스토리 #2 스킨 사이드바 3단에서 2단으로 수정하기 check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 3단에서 2단으로 수정하기 티스토리 #2 스킨에서는 좌측 상단을 클릭해서사이드바를 열어 볼 수 있다. 기본적으로 3단 사이드바를 지원하기 때문에 화면 구성이 답답해 보여서사이드바를 2단으로 줄이는 방법을 찾아봤다. 코드 수정을 위해 "블로그 관리" - "HTML / CSS 편집"에 들어간다. 우선 HTML의 70줄 부근에 보면 를 찾을 수 있다.여기서 우리는 바로 아래 줄의 를 수정해야 한다. 위와 같이 의 left를 right로 수정한다. 그 다음, 120줄 근처 위의 를 찾는다 그 위에 있는 부터 까지를 지워준다. .wrap_skin.navi_on {padding-left:960px} 이번엔 CSS로 들어가 40줄 부근의 .wr.. 더보기