티스토리 Tip

티스토리 블로그 이미지에 테두리 넣는 가장 쉬운 방법

정보 고릴라 2023. 5. 5.
728x90

색상이 들어간 이미지의 경우 기존 티스토리의 바탕과 대비되기에 구분이 가지만, 흰색바탕의 이미지를 티스토리 본문에 삽입하게 되면 바탕색과 구분이 가지 않습니다. 그래서 구분을 주기위해 테두리가 필요합니다. 블로그 글 작성시 사징이나 이미지에 테두리를 넣는 가장 쉬운 방법을 알아보겠습니다.

 

테두리 넣은 결과물 먼저보기

이미지에 테두리 넣기

 

본문 이미지에 테투리 넣는 방법 

1. HTML 편집 > CSS > 가장 아래로 스크롤을 내립니다.

2. 아래 코드를 받아 복사하여 붙여넣습니다.

3. 자신이 원하는 선 두께나 색상을 수정하고, 적용합니다.

 

 

이미지-테두리-넣기.txt
0.00MB

 

스킨편집 주의사항 

들어가기에 앞서, 스킨편집에 관련된 모든 행위는 잘못하면 돌이킬 수 없는 문제가 발생할 수 있습니다. 그러니 꼭 스킨 변경 > 보관으로 현재 자신의 스킨을 백업해두시길 바랍니다.

 

 

티스토리 블로그 사진에 윤곽선 넣는 방법

본문 글을 작성하지가 부끄럽게도, 방법이 매우 간단합니다.

1. 블로그 관리 > 스킨 편집 > HTML 편집 > CSS로 들어가 스크롤을 가장 마지막으로 내립니다.

스크롤을 최하단으로 내리는 이유는 CSS는 HTML과 다르게 다른 CSS 디자인 코드와 간섭되는게 아니라면, CSS의 어느 곳이든지 코드를 넣어도 상관없기 때문입니다.

 

저의 경우 /*하단 아래 마지막*/이라고 주석을 달아 CTRL + F를 눌러 검색할 때 바로 최하단으로 내려갈 수 있도록 검색어를 입력해두었습니다.

/*하단 아래 마지막*/

 

2. 위에 다운로드한 코드나, 아래 코드를 복사하여 붙여넣습니다.

figure.imageblock img {
border: 1px solid #cccccc;
}

 

3. 자신이 원하는 디자인에 따라 선두께나, 색상을 입력하시면 됩니다.

 

이미지-테두리-편집방법
CSS 편집화면

선두께는 코드의 1px의 숫자부분에 입력해주시면 됩니다. 선 색상은 저는 #cccccc로 희미하지만 보이는 테두리로 해두었습니다. 자신이 원하는 색상이 있다면 컬러코드를 입력하시면 됩니다.

 

 

 

👉컬러코드 찾는 사이트 추천👈

 

 

 

정보글 더 보러 가기

티스토리 부분 복사 허용하기 플러그인 없이 복사금지 하는 방법

 

티스토리 부분 복사 허용하기 플러그인 없이 복사금지 하는 방법

정성으로 작성한 블로그 글을 누군가 복사 붙여넣기로 쉽게 불펌하는 일은 매우 짜증나고 화나는 일입니다. 티스토리에서 이를 방지하고자 오른쪽 클릭 방지 플러그인을 추가해주었는데요. 해

hope.capigreen.com

윈도우10 시작표시줄 시계 24시간 및 요일 표시하기

 

윈도우10 시작표시줄 시계 24시간 및 요일 표시하기

오전 오후가 표시되는 기존 작업표시줄의 시계는 24시간제로 변환해 생각할 때 한 번 더 생각해야 하기 때문에 불편합니다. 그래서 24시간제로 변경하여 직관적으로 알 수 있도록 변경하는 방법

hope.capigreen.com

티스토리 북클럽 스킨 리스트 제목 전체 표시 방법 (매우 간단)

 

728x90

댓글