스킨편집3 코드블럭 줄 번호 1px테두리선 연장하기 티스토리 블로그에서 코드블럭 줄번호 우측의 경계선이 중간에서 끊겨 보이는 문제를 해결하는 방법을 소개합니다. CSS에서 .lnBorder와 .ln 요소에 border-right와 min-height를 지정하면 경계선이 끝까지 연결되도록 수정할 수 있습니다. 코드 길이가 길어질수록 발생하는 미세한 단차도 이 방식으로 보완할 수 있어, 깔끔한 코드블럭 디자인이 가능합니다. ▼MD코드블럭KOREASTORAGE®️티스토리 블로그의 글쓰기 모드에서 코드 블럭을 작성하여 글쓰기를 완료하면 게시물에 아래의 그림과 같이 출력됩니다. 코드블록이라 밋밋한 느낌이 들어 코드 편집기 스타일처럼 보이도록 바꿔주는 코드와 CSS를 티스토리 블로그 스킨편집에서 html과 CSS를 수정하여 사용하게 됩니다. 순이네집 티스토리 블로.. 2025. 6. 3. 티스토리 표에 삽입된 이미지 위쪽 여백 없애기 티스토리 Poster 스킨에서 이미지 여백 조정하기티스토리 에디터에서 표에 이미지를 삽입할 때,편집 중에는 문제가 없어 보이지만 글을 발행하면 이미지 상단에 여백이 생기는 문제가 발생했습니다. 처음에는 여백이 디자인적으로 여유로워 보여 그대로 사용하려 했지만, 보다 깔끔한 레이아웃을 위해 HTML 편집기에서 CSS를 수정하였습니다. 이번 글에서는 표 셀에 삽입된 이미지의 불필요한 여백을 제거하는 간단한 CSS 수정 방법과 그 적용 결과에 대하여 알아보겠습니다.@ 노마드이데아▲ 상단의 여백이 사라진 표◾티스토리 블로그 글쓰기 모드에서 셀이 위아래로 2개 있는 표를 만들어 윗셀에 이미지를 삽입하였습니다.◾에디터에서는 별다른 이상현상 없이 이미지가 정상적으로 삽입됩니다. ◾글작성을 완료하여 저장을 하게 되면 .. 2025. 2. 16. 밑줄로 형광펜 효과 만들기(티스토리) 티스토리에서 형광펜 효과 넣는 법블로그를 보면 가독성을 높이기 위해 형광펜 효과를 적용하는 경우가 있습니다.이것보다는 밑줄이 좀 더 두꺼운 형태로 글자를 포함하는 상태가 보기 좋습니다. 이처럼 글자 배경색은 그대로 두고 밑줄을 쳤을 때 형광펜 효과가 나타나도록 설정하는 방법에 대하여 알아보겠습니다.@ 노마드이데아▲ 눈에 띄는 형광펜 색상글작성을 완료하면 형광펜 효과가 나타납니다.◾티스토리 블로그 관리에서 스킨 편집에 들어간 다음 "html 편집"을 클릭합니다. ◾문제 발생 시 직접 수정해야 한다는 안내창이 나타납니다. "확인"을 클릭합니다. ◾상단에 있는 HTML옆에 있는 "CSS"를 클릭합니다. ◾CSS편집창 맨 아래에 아래의 코드를 복사하여 "붙여 넣기"합니다./* 형광펜 효과 */ u { te.. 2025. 2. 14. 이전 1 다음 728x90 반응형
