본문 바로가기

SKIN & CSS

인용 서식 꾸미기 아래와 같이 말풍선 모양을 만들어서 인용문을 보기 좋게 꾸미는 코드다. See the Pen Quote Box by Mario Rodriguez (@mariordev) on CodePen. 이 블로그에도 적용해 본다. " 배워 때에 맞추어 익히니 또한 기쁘지 아니한가! 뜻을 같이 하는 벗이 먼 곳에서 찾아오니 또한 즐겁지 아니한가! 남들이 알아주지 않아도 노여워하지 않으니 또한 군자가 아니겠는가? " 공자 수정한 인용 서식을 블로그 관리에서 서식에 등록해 두고 쓰면 편하다. 예전에 만든 서식도 있다. 或曰, “以德報怨, 何如?” 子曰, “何以報德? 以直報怨, 以德報德.”누군가 물었다. "원한을 덕으로 갚으면 어떠합니까?" 공자께서 말씀하셨다. "덕은 무엇으로 갚으려느냐? 원한은 올곧음으로 갚고, 덕은 덕.. 더보기
티스토리 블로그 프로필 카드 바꾸기 언제부터인가 티스토리에 블로그를 소개하는 공간이 나타난다. 찾아보니 모바일 화면에 있던 것을 이제 피씨 화면에도 보여주는 것이라고 한다. 그런데 이게 살짝 눈에 거슬린다. 약간 구글스러운 걸 좋아해서 이대로도 괜찮지만 이것이 눈에 거슬려서 없애는 사람이 있다는 사실을 알았다. 없애는 방법을 찾다가 보니 이걸 꾸며서 남겨두고 싶다. 그래서 아래와 같이 바꿔서 남겨두려고 한다. 관리/꾸미기/스킨편집/ CSS에서 적당한 곳에 아래를 넣어준다. div[data-tistory-react-app="Namecard"] { display: block; } .tt_box_namecard{ border-radius: 20px; border: 1px solid #ddd ; margin-bottom: 20px; } 만약에 아.. 더보기
티스토리 북클럽 스킨 다듬기 모든 것이 귀찮다면 아래 파일을 받아서 압축을 풀어서 관리/꾸미기/스킨변경에서 스킨 보관함에 올려서 적용하면 된다. 아래 블로그에서 적용된 모습을 볼 수 있다. MATH_DIC design.tistory.com 티스토리는 무료인 스킨도 아주 좋다. 그렇지만 다른 블로그와 조금은 다른 모양을 보여주고 싶기도 하다. 개인적으로는 $\LaTeX$ 수식을 넣을 수 있어야 하기 때문에 스킨을 손 보는 걸 즐긴다. 지금 쓰는 스킨도 왓에버(whatever)를 손 봐서 만들었다. 요즘 조금 한가한 때라 북 클럽(book club)을 고쳐보았다. 적용된 블로그는 맨 아래 링크해 놓는다. 저마다 스스로 고쳐서 개성이 뚜렷한 스킨을 만들어 보기를 기대하면서 몇 가지 설명을 덧붙여 볼 계획이다. 스킨은 우리말로 살결이다. .. 더보기
256 색상표 심심해서 찾았다. 요즘은 모니터 성능이 좋아서 256색이 아니라도 잘 보여주지만 옛날엔 256도 다 구별하지 못하던 때도 있었다. 색의 이름은 빨강, 녹색, 파랑(R, G, B)이 섞인 정도를 숫자로 나타낸다. 256색은 R, G, B에 3의 배수만 넣어서 만든다. 예는 #fff, #369와 같다. 각 자리는 0부터 F까지 16가지 구별이 있다. 여기서 3의 배수는 0, 3, 6, 9, c, f 여섯이다. 따라서 세자리 이름으로 나타낼 수 있는 색은 아래와 같이 $6^3=256$이다. 요즘은 #32ccff와 같이 여섯 자리 이름을 더 많이 사용한다. 따라서 색상 이름으로만 따지면 $16^6= 16777216$가지 색이 있다. 이것을 다 구분하여 표시할 수 있는 모니터는 없을 것이다. 있다고 해도 너무 비.. 더보기

티스토리툴바