728x90 300x250 티스토리13 codepen 코드펜 사용방법 :: 코드 실행결과 보여주기 codepen 코드펜 사용방법 :: 코드 실행결과 보여주기 그냥 코드를 보여주는것 뿐만아니라 실행결과도 같이 보여주고 싶다면 코드펜을 사용해서 결과 화면을 바로바로 같이 볼 수 있도록 할 수 있다. 그래서 나도 코드펜을 이용해서 코드를 예쁘게 보여줘야겠다. 티스토리에 코드펜 적용하기 :: 코드펜은 코드를 작성하고 바로 볼 수 있게 해 주는데 다른 사람들이 만든 소스를 공유할 수도 있어서 자주 애용하고 있다. 1. codepen 사이트 접속하기 구글에서 codepen을 검색하여 코드펜 사이트에 접속한다. codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using.. 2021. 4. 28. [Highlights.js] 티스토리 코드블록 색상 꾸미기 :: 테마적용하기 블로그 특성상 코드를 쓸 일이 많은데 그 전에는 티스토리 기능이 없어서 코드들을 예쁘게 보여주기 위해서 Color Scripter라는 것을 썼었다. moo-you.tistory.com/14 블로그에 소스코드 Color scripter로 쉽게 적용하기 티스토리에 소스 코드를 예쁘게 넣는 여러가지 방법이 있지만 저는 Color Scripter가 가장 간단한것 같아서 이 방법으로 하겠습니다. 다른 방식과는 다르게 다운 받을 필요도 없고 그때그때 설정이 moo-you.tistory.com 그러다가 티스토리가 개편이 되면서 코드 블록 기능이 생기게 되어 매우 간편하게 코드 등록이 가능해졌고 이거 쓰면 알아서 알록달록 예쁘게 나올 줄 알았다. 그러나 기대와는 달리 이렇게 메모장에 쓴 거 마냥 나온다. 왜 글쓰기 화.. 2021. 4. 26. tistory 티스토리 이미지에 테두리 넣기 tistory 티스토리 이미지에 테두리 넣기 요즘 다시 꾸준히 블로그 업로드 중인데 포스팅이 뭔가 ... 왠지 ... 정리가 안 된 느낌이 든다. 아마도 테두리가 없어서 그런 것 같다. 이미지에 윤곽이 없으니 구분이 모호함 예전에 네이버 블로그를 할 때는 이미지 넣을 때 테두리 설정하는 게 있었는데 티스토리에는 그런 기능이 안보인다. 하지만 내가 열심히 운영하던 전 블로그를 과감히 접고 tistory로 갈아탄 이유 중에 하나가 바로 html수정이 가능하다는 것 이미지 테두리 기능은 있는 건지 없는 건지 찾을 수가 없지만 html수정으로 자동으로 테두리를 넣을 수 있지 않을까? 일단 개발자 도구를 열어서 #tt-body-page figure.imageblock img, figure.imageblock im.. 2021. 4. 22. 티스토리 소스코드 가운데정렬 문제 해결 한 동안 예전 글 확인을 안했었는데... 보니까 소스코드가 이런 식으로 다 가운데 정렬로 나와버리네요..;; 수정하기 눌렀더니 또 멀쩡하게 나옵니다. 분명히 작성할 때는 이렇게 나오지 않았었는데 아마 스킨을 변경해서 그런 거 같기도 하고 아니면 티스토리에서 개편하면서 이상해졌나? 원인은 모르겠지만 보기가 아주 불편하니 어떻게든 수정을 해봐야겠습니다. 티스토리 소스코드 가운데정렬 문제 해결하기 :: 먼저 개발자 도구를 확인해서 보니까 .entry-content table에 text-align:center;가 잡혀있어서 코드가 전부 가운데 정렬로 표출됩니다. 블로그 관리 모드에 들어가서 꾸미기 > 스킨편집 > html 편집으로 들어갑니다. css를 수정해야 하니까 상단 css로 들어갑니다. 위에서 찾았던 문.. 2021. 4. 20. 이전 1 2 3 4 다음 728x90 반응형
