본문 바로가기

일상3

티스토리 Letter스킨 다크모드 적용된 CSS 코드 공유합니다. 관리 > 스킨 편집 > html 편집 > CSS 로 이동한 뒤 CSS 맨 아랫줄에 붙여넣기 하세요 /*다크모드*/ @media (prefers-color-scheme: dark) { .area_head,input,body,.area_menu,.area_menu .list_cate { background: #111; color: #686868; } body, button, input, select, table, textarea { color: #bbb; } #header { border-bottom: 1px solid #222; } .area_menu { border-right: 1px solid #222; } .sidebar { border-top: 1px solid #222; } a { color: #.. 2020. 1. 25.
highlight.js로 티스토리 소스코드 하이라이트 좀 더 예쁘게 넣기 .js 파일 한개와 .css 파일 한개만 있으면 highlight.js로 티스토리 블로그에 소스코드를 넣을 수 있습니다.다만 기본으로 제공하는 수십개의 테마가 있는데 저는 다 마음에 들지가 않더라고요.그래서 css를 살짝 손봐서 더 예쁘게 나오게 했습니다. 이렇게요 ^^ import Foundation // 스위프트 소스코드 예시입니다. @objc class Person: Entity { var name: String! var age: Int! init(name: String, age: Int) { /* /* ... */ */ } // Return a descriptive string for this person func description(offset: Int = 0) -> String { retur.. 2018. 4. 11.
티스토리 배경음악 용으로 심플하게 만든 Wikplayer Skin 지금 블로그 우하단에 재생되고 있는 스킨인데요.실제로 스킨을 적용하면 우상단에 적용됩니다.그냥 간단하게 저런 디자인을 원했는데 찾아보니까 대부분 블로그 윗줄을 다 차지하면서 보기안좋은 스킨들 뿐이더라고요.맘에 드는게 없어서 그냥 하나 만들었습니다. ^^그럼 적용방법을 알려드릴게요. 1. css파일을 다운받고 적용하고 싶은 티스토리 블로그 html/css편집에 들어가서 파일업로드를 해줍니다. 2. 업로드한 파일을 오른쪽 클릭하고 링크복사합니다 3. wikplayer에서 1 ~ 4단계를 진행하시면 되는데 2단계 스킨선택에서 '커스텀 스킨'을 선택하고 이곳에 복사한 링크를 붙여넣습니다. 4. 1 ~ 4단계를 마치면 나오는 스크립트를 복사하여 블로그 html편집으로 이동, 태그 바로 아래에 붙여넣고 저장합니다... 2018. 4. 10.