티스토리에는 다양한 무료배포 스킨이 존재합니다.
저는 무료배포 스킨들 중, 유명한 고래스킨(4.0ver)으로 최근에 변경했습니다.
제 입맛에 맞게 여러가지 코드를 바꾸는 과정에서,
여러분에게 유용할 정보들을 간추려 앞으로 소개해드리려 합니다.
전 스킨을 변경하기 전 티스토리 기본스킨인 #2스킨을 사용했었습니다.
기본 #2 스킨에선, 구분선이 눈에 잘 띄어서 자주 사용했습니다.
하지만 고래스킨으로 변경하고 나니 구분선 진하기가 너무 연해져서 잘 안보였습니다.
그래서 그 부분 코드를 찾아 바꾸도록 해보겠습니다.
구분선은 <hr>태그와 관련이 있습니다.
1. 스킨 편집에 들어갑니다.
2. 오른쪽 상단에 위치한 html 편집을 클릭합니다.
3. 이미지 참고하셔서 1번, 2번, 3번 순으로 진행하면 됩니다.
CSS 편집으로 들어간 뒤, (1번)
Ctrl + F를 통해 hr을 검색합니다. (2번)
그 다음 하단 코드 부분을 찾습니다. (3번)
#tt-body-page hr[data-ke-style],hr[data-ke-style] {
opacity: .4
}
4. opacity값을 변경합니다.
opacity는 불투명도입니다.
기존 고래스킨 기준으로 opacity가 .2로 되어 있었습니다.
전 설정해보니 .5나 .4가 제가 원하는 불투명도여서 .4로 설정했습니다.
각자 원하시는 값으로 알맞게 변경하시면 됩니다.
5. 적용버튼을 클릭합니다.
이제 본인 블로그에 들어가셔서 새로고침하시면, 원하시는 불투명도의 구분선으로 바뀌어 있을 겁니다.
지금까지 고래스킨4.0에서 티스토리 구분선 진하게 변경하는 방법에 대해서 설명드렸습니다.
고래스킨 4.0 기준으로 설명을 드렸고,
각자의 스킨 설정 및 환경에 따라서 코드부분이 다를 수 있으니 유의하시길 바랍니다.
고래스킨(다른 스킨도 가능)에서의 인피드 광고 설정법은 하단 링크를 통해 설명드리겠습니다.
인피드광고 넣기 및 어울리게 수정하기(with 고래스킨4.0 인피드광고 오류 해결하기)
오늘은 고래스킨4.0에 인피드광고를 집어 넣는 방법에 대해 알려드리겠습니다. 저도 처음에 고래스킨으로 바꾸고 난 뒤, 제작자분의 게시글을 따라하면서 인피드 광고를 집어 넣으려 했으나 적�
developer-p.tistory.com
최근댓글