오늘은 hello 스킨을 사용하면서 본문에 게시되는 이미지에 테두리를 추가하는 방법에 대해 알아보겠습니다. 이전에 사용한 스킨에서는 이미지의 테두리가 자동으로 적용되었지만, hello 스킨은 이미지의 테두리가 없어서 배경이 흰색인 이미지의 경우 본문 글과 겹쳐서 보기 지저분해집니다. 적용전 / 후 비교 위의 이미지는 이미지 테두리가 적용되기 전 상태입니다. 이렇게 이미지와 본문의 내용을 구분하기 위해 테두리선을 추가하려고 합니다. 이미지 style 아이디명 알아내기 이미지에 마우스 우클릭 후 검사를 클릭하면 크롬 개발자 도구를 통해 해당 페이지의 HTML 코드와 스타일 코드를 분석할 수 있습니다. 개발자 도구를 열어 확인해보니 이미지 태그의 ID명이 #tt-body-page figure.imagebloc..
HELLO스킨 코드블럭 스타일적용 2023.01.08일 자로 hello스킨을 무료로 배포해주셔서 수정하여 잘 사용하고 있습니다 다만 코드블럭(codeblock)을 사용할 때 하얀색으로 나오거나 배경색이 맘에 들지 않아서 따로 스타일을 적용하고 싶었습니다 처음에는 티스토리 플러그인으로 제공되는 코드 문법 강조 플러그인을 사용하여 적용하려고 시도해 보았습니다 하지만 코드블럭 스타일이 적용되지 않고 위에처럼 나오기 때문에 가독성도 떨어지고 여러모로 불편하였습니다 계속 코드블럭 스타일이 적용이 되지 않아 알아보던 중 code hightlight를 사용하여 적용하는 게 더 다양한 코드블럭 스타일을 선택할 수 있고 적용도 그리 어렵지 않다는 사실을 알게 되었습니다 티스토리 코드블럭 스타일 적용하기 자바스크립트를 활..
목차 1.cc-cross 스킨 배경 이미지 업로드 및 적용하기 2.cc-corss스킨 배경짤리는 부분 해결하기 cc-cross 스킨 배경이미지 업로드 및 적용하기 안녕하세요 cc-cross스킨 편집을 원하시거나 자료를 찾는 분들을 위해 이번 포스팅에서 cc-cross 스킨 배경화면을 바꾸는 방법에대해서 알아볼까 해요 이건 수정전 기본 스킨 상태예요 티스토리 스킨 편집으로 가서 css부분을 살펴볼게요 대략 27번째 라인 미디어 쿼리 부분에 body에 배경화면이 설정되어있어요 보면 폴더 내에 images/bg.svg라고 되어있는데 이 bg.svg는 어떻게 보냐면 css부분 말고 파일 업로드 부분으로 가면 업로드된 파일들을 모두 볼 수 있는데 여기에서 images/bg.svg라는 파일의 제목으로 패턴 이미지가..
