Fastboot 머리말 (H태그) 밑줄 색상 변경하는 방법

이전에 질문했던 내용을 토대로, 한번 다시 작성해 보려고 한다. 분명 작성한 글이 있을텐데... 제목을 어떻게 정해서 썼는지는 모르겠지만, 검색이 되지 않는다. 그래서 다시 작성해 보려고 한다. 글을 작성할 때, 머리말로 해놓으면 Fastboot 스킨에서는 H태그가 들어간 부분에 언더라인 밑줄이 생성된다. 이 부분의 색상을 변경하는 방법이다.



피가되고 살이되는 블로그, 친절한효자손 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#

#공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다#

#사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다#

#본 블로그는 크롬(Chrome Browser) 1920×1080 해상도에서 가장 선명하게 보입니다#


패스트부트 스킨 머리말 언더라인 색 변경하기


우선 머리말 부분의 태그가 방금도 설명드렸던 H태그가 들어간다는 것을 감안한다면, 머리말1부터 4까지가 글쓰기에 메뉴로 보여지는데, 이와 관련돤 H1~H4 태그를 CSS에서 찾으면 된다는 뜻이 된다. 따라서! 이 부분의 태그만 찾아서 색상을 변경해 주면 끝이다. 색상은 16진수를 사용하기에 먼저 원하는 색상 코드를 16진수로 알아둘 필요가 있다. 이 부분에 대해서는 아래의 컬러코드를 미리 알아두도록 하자.


[HTML 기초] 기초 태그를 이용해 웹페이지 색상변경 및 글씨꾸미기




먼저 관리자에서 HTML / CSS 편집 부분으로 들어가서, CSS 탭을 살펴본다. 그리고 아무곳이나 클릭 후, Ctrl+F를 눌러서 노란색 배경의 검색창을 생성한다. 검색은 위의 빨간 박스로 표시된 .article h1 혹은 뒤에 숫자만 바뀌서 최대 6까지 검색을 하도록 한다. 그러면 이렇게 h1부터 h6까지 .article 로 묶여있는 태그를 발견하게 된다. 바로 이 부분이 우리가 원하는 부분이다.


그 밑에 보시면 border-bottom 이라고 되어 있는 부분이 바로 밑줄 색상이고, border-left 부분은 밑줄의 왼쪽 두꺼운 부분의 색상이다. 이 둘다 색상을 일치시켜야 하나로 보여지게 된다. 참고로 각 태그에 들어있는 px 숫자는 두께를 의미한다. 숫자가 올라갈수록 두꺼워진다. 이 부분을 원하는 16진수 코드의 색상으로 변경하면 되는 것이다. 현재 필자는 1FAFDA 라고 변경해 주었다. 그래서 밝은 하늘색이 나오게 된다.




이렇게 말이다. 여러분들도 임의의 색상으로 한번 변경해보라.




티스토리 글쓰기 내에서도 원하는 색상을 다음과 같이 편리하게 16진수 코드로 받아볼 수 있다.




빨간색으로 넣었더니 이렇게 머리말의 밑줄 부분이 모두 정상적으로 색이 변했음을 알 수 있다. 이렇듯 Fastboot 머리말 밑줄 색상 변경은 너무 쉽다. 끝.


Fastboot 최근 글 모듈 썸네일 이미지가 빈 공간으로 나오는 오류 해결

Fastboot 사이드바 우측 세로형태 고정형 애드센스 광고 넣기

최종 목표는 네이버가 아닌 구글에서의 상위노출 검색이다


"친절한효자손 취미생활" 을 검색!


기어베스트 앱

이 글을 공유하기

댓글(2)

Designed by JB FACTORY