[티스토리] 더보기 글자색,크기변경♪

더보기안에 글을 넣었다면

더보기가 잘보여야 

 

클릭해서 볼테니.

 

더보기색상을 변경하고 글씨크기도 키워볼게요.

---

더보기 글자 색 및 기타변경은 CSS에서 편집!

CSS
[Cascading Style Sheets]

웹문서의 전반적인 스타일을 미리 저장해 둔 스타일시트.

 

문서 전체의 일관성 유지및
스타일 지정의 필요를 줄어들게하기위해 존재.

 

 

2018.08.16 - 티스토리 HTML/CSS 위치♪

티스토리 HTML/CSS 위치♪

 

 

<더보기 글자 색 바꾸는 방법>

 

CSS 편집페이지를 열어서

Ctrl+F (검색단축키)를 눌러

moreless 를 검색하세요.

단어를 검색하면

더보기를 수정할 수 있는 부분이

바로 찾아집니다.

 

일단 바꾸기 전 더보기 글자 색상은

현재 청록색이에요.

 

색상을 바꾸려면

#0000

 

이런식의 색상코드를 알아야합니다.

 

색상코드표

 

위 링크↑에서

원하는 색상의 코드를 찾아 복사.

저는 핑크색(#FF007F)으로

 

바꿔볼게요.

 

복사해 온 색상코드로 변경하고

꼭 상단의 저장을 눌러주세요.

 

핑크색으로 글자색이 바뀌네요 :)

저는 이 방법을 사용하고있는데요.

---

검색 해보니

더보기 글자색상 및 크기 등

여러가지 수정을 하고싶을 경우

더 편한 방법이 있더라구요.

.moreless_fold, .moreless_top, .moreless_bottom {

           text-weight:800;

           text-decoration:underline;

           color:#FF007F;

           font-size:50px;

}

CSS 페이지 가장 아랫부분에

 

위 내용을 복사해서 붙여넣으세요.

 

(출처가 따라붙으면 출처는 지우기☆)

 

이렇게 바뀌네요ㅎ

 

moreless_fold (더보기 메뉴 _펼치기전)

mooreless top (더보기 펼쳤을 때_상단)

moreless_bottom (더보기 펼쳤을때_하단)

 

text-weight 글씨두께

color 글씨색상

font-size 글씨크기

 

text-decoration의 속성 값↓

 

text-decoration:underline 글씨아래 밑줄

text-decoration:line-through 글씨중간에 줄긋기

text-decoration :overline 글씨 위에 줄긋기

text-decoration:none 줄없음

위 설명을 참고해서

크기나 색상코드등 원하는 부분만 바꿔

이용하시면 되겠습니다 :)