티스토리 밑줄 형광펜 색깔 바꾸기 가이드
블로그 시작한 지 얼마 안 되신 분들이라면 여러 블로그를 많이 방문들 하셨을 거라 생각됩니다. 본문 글에 보면 가끔 글 밑에 그려진 형광색으로 보이는 밑줄을 본인 블로그에도 적용하고 싶은데 어떻게 하는지 모르시는 분들이 있습니다. 가독성도 좋아서 추천하는 밑줄 형광색. 오늘은 티스토리 본문 밑줄 형광펜 색깔로 바꾸기 내용으로 포스팅해보려 합니다.
티스토리 밑줄 형광펜 효과
티스토리 처음 설정에서는 밑줄을 선택했을 때 검은색 얇은 줄로 생성됩니다. 이걸 형광색으로 변경해 주면 가독성이 좋아지고, 블로그 본문 내용에도 한눈에 보기 쉽게 꾸미기 기능도 가능합니다.
밑줄 형광펜 설정 방법
티스토리 형광펜 밑줄 효과는 스킨편집 CSS에 코드 추가만 해주면 완료입니다.
경로는 관리자모드 > 꾸미기 > 스킨편집 > HTML 편집 > CSS로 들어갑니다.
맨 밑에 내리셔서 위에 보이는 사진대로 코딩을 해주시면 됩니다. 필요하신 분 계시면 메모장에 내용을 다운로드 해서 사용하시면 됩니다. 현재 제가 쓰고 있는 형광색이며 색깔이 마음에 안 드신다면 변경도 가능한 부분입니다.
밑줄 형광펜 색깔과 굵기 바꾸기
위에도 언급했지만 색깔변경도 가능하며, 굵기변경도 가능합니다.
/* 밑줄 형광펜 효과 */
u {
text-decoration: none;
display : inline; box-shadow: inset 0 -7px 0#f3c000;
color: #000000;
}
/* 밑줄 형광펜 효과 끝 */
-7px 부분은 굵기 부분이며 테스트해 본 결과 -20px 정도로 설정 하니깐 글자를 전부 덮는 경우 발생하였습니다. 그래서 추천은 -5px에서 -10px 사이를 이야기드리겠습니다. 그 옆에 있는 #f3cc000; 코드는 밑줄 색깔 코드이며, 자신의 원하는 색상 코드를 입력하게 되면 해당색깔로 변경이 가능합니다. 색상표는 네이버 색상표 가셔서 확인하시는 걸 추천드립니다. 그리고 마지막 color: #000000; 코드는 밑줄 그려진 해당 글자색 코드입니다. #000000 해두시면 밑줄에 해당되는 글자색을 변경하더라도 변경이 절대 되지 않습니다. 만약 변경하기를 원하신다면 원하는 색깔의 코드를 입력하셔야 변경 가능합니다.
같이 읽으면 좋은 글
티스토리 소제목(H2) 꾸미기 서식 공유합니다.
이곳을 들어오신 분은 티스토리 운영을 처음 시작한 지 얼마 되지 않은 분들이라 생각됩니다. 다른 티스토리 방문했을 때 소제목 부분에 색깔이나 글꼴을 이쁘게 만들어진 것을 보고 본인 블로
surains.com
티스토리 밑줄 형광펜 색깔 바꾸기 가이드에 대해서 포스팅해 보았습니다. 그렇게 어렵지 않습니다. 위에 단계대로 진행하셨으면 저처럼 형광펜 밑줄 성공 하셨을 겁니다. 이상 티스토리 밑줄 형광펜 색깔 바꾸기 가이드였습니다.
댓글