백프로 성공하는 프로그래스바 만들기.
(스킨 때문인지 서치해서 찾는 것마다 안돼서 쓰는 글...🥹)
스킨 편집 > html 편집
<head></head> 태그 사이에 넣어주기
<!-- 인디케이터 : Indicator (Progress Bar) -->
<script type="text/javascript" src="https://rawcdn.githack.com/mburakerman/prognroll/0feda211643153bce2c69de32ea1b39cdc64ffbe/src/prognroll.js"></script>
<script type="text/javascript">
$(function() {
$("body").prognroll({
height: 5,
color: "#000"
});
$(".content").prognroll({
custom: true
});
});
</script>
색상을 변경하고 싶으면, 아래 링크를 클릭해 색상코드만 바꾸어 주면 된다 !
https://html-color-codes.info/Korean/
HTML 컬러 코드
HTML 컬러 차트 사각형 모양의 컬러버튼을 클릭하여 HTML 컬러 코드를 찾으세요. HTML 컬러 코드 이론 "이 이상한 기호와 숫자와의 조합이 어떤 의미가 있을까?" 하고 궁금하신가요. 그 답은 "예" 입
html-color-codes.info
출처
https://rgy0409.tistory.com/3749#google_vignette
티스토리에 인디케이터 (프로그래스 바 - Progress Bar) 설치하는 방법
인디케이터는 표시기라는 뜻을 가지고 있습니다. 그렇다면 티스토리에서의 인디케이터는 어떤 의미를 가질까요? 무언가를 표시한다는 뜻인데, 과연 뭘 표시할까요? 가장 많이 사용하는 인디케
rgy0409.tistory.com
'tistory' 카테고리의 다른 글
| [tistory] 오디세이 스킨 텍스트 줄넘침 현상 수정하기 (0) | 2022.06.06 |
|---|---|
| [tistory] 폰트 및 마우스 아이콘 변경하기( + 그림테두리 설정) (0) | 2022.06.05 |
댓글