영, YOUNG英 티스토리 스킨

<script type="text/javascript"> if ( window.location.pathname == '/' ) { location.href = '게시글 URL'; } </script>

티스토리 무료 스킨 영, YOUNG英 05

2025. 5. 16. 22:33

티스토리 무료 스킨 영,YOUNG英 05

홈커버 (공지사항, 갤러리, 일반형, 요약형, 메모형, 디데이형)
게시판 유형 5가지 (목록, 갤러리, 요약, 메모, 디데이)
반응형

폰트 - Pretendard

2025.05.29 업데이트
(* 업데이트 된 새로운 스킨 적용 전 백업을 꼭 해주세요. 업데이트 전 파일은 제공되지 않으니 유의 바랍니다.)

- 기본 포인트 색상 및 이미지 변경
- 폰트 사이즈, 테두리 둥글기 및 행간 스킨 편집창에서 수정 가능
- 게시판 레이아웃 (한줄당 n개) 스킨 편집창에서 수정 가능
- 상단 슬라이드쇼 사용/미사용 스킨 편집창에서 수정 가능

스킨 디테일

영,YOUNG英무료스킨05(25.06.02).zip

0.30MB

6/2 업데이트
- 상단 슬라이드 이미지 사용, 미사용
- 슬라이드 메인 외 이미지 표시/미표시는 스킨편집창에서 수정해주시면 됩니다.
- 이미지 사용 선택시 홈커버 함께 사용하셔야 슬라이드가 표시됩니다.

상단 슬라이드 추가

* 상단 슬라이드 이미지는 스킨편집하기 - 기본 3장까지 가능합니다
* 추가 방법 - 스킨편집하기 - html - ctrl+f(찾기) -  검색

노란색 줄쳐진 부분 아래에 아래 코드 추가 (붙여넣기) 후 이미지주소를 변경해주시면 됩니다
(* alt = 에는 Slide 4, Slide 5 이렇게 순서대로 적어주세요! 테스트했을땐 상관없이 똑같이 써도 되는것같긴하지만 혹시 모르니..)
<img src="이미지 주소" alt="Slide 4" class="slide">

상단 버튼(헤더 좌측)

*클릭시 메뉴바가 나타납니다

상단 배경 이미지 및 프로필 이미지는 스킨편집하기에서 수정해주시면 됩니다.
프로필 이미지는 사이드바 프로필 이미지와 동일하게 나타납니다.
(다크/라이트 모드 프로필 이미지 다르게 설정 가능)

상단 버튼(헤더 우측)

첫번째 - 다크모드 / 라이트 모드

두번째 - 배경음악

세번째 - 블로그 정보

네번째 - 배너

다섯번째 - 관리자 페이지 이동

상단 버튼 (배경음악 설정)

* 스킨편집하기 - html - ctrl+f(찾기) - 배경음악 주소 검색 후 url: 옆에 ' ' 안에 주소를 수정해주세요.

* 배경음악은 확장자 .mp3만 가능합니다.

* 배경음악 업로드 및 수정 방법은 https://record-ay.tistory.com/388 하단(배경음악 넣는 방법)을 참고해주세요.

* 자동재생/전곡랜덤 재생입니다.

* 재생 중 페이지 이동시 정지된 부분부터 재생됩니다.

* 일시정지 후 페이지 이동시 그대로 일시정지가 유지 됩니다.

* 음악 추가는 마지막 곡 name: '타이틀' } 뒤에 ,{ url : '주소' , name: '타이틀' } 을 넣어주시면 됩니다.

마지막곡 끝나는 부분 } 뒤에 , (따옴표)잊지마세요!

상단 버튼 (블로그 정보)

* 마찬가지로 스킨편집하기 창에서 외부링크 , 이미지, 공지사항과 텍스트 수정해주시면 됩니다.

상단 버튼 (배너)

*스킨편집하기 - html - ctrl+f(찾기) - 배너 검색 후 이미지 주소 및 링크 주소를 수정해주시면 됩니다!

* 파란줄 상단 배너

* 주황줄 하단 배너

공지사항, 태그, 댓글

카테고리 스타일

업데이트 후 (06.02) 디데이 게시판 사용 방법
- 본문작성시 간단한 텍스트와 날짜 YYYY-MM-DD, YYYY.MM.DD, YYYY/MM/DD 작성
- . - / ( 점, 하이픈, 슬래시) 가능 (예 / 고죠생일 1989-12-07, 고죠생일 1989.12.07, 고죠생일 1989/12/07)
- 디데이 하단에는 글 내용이 보이긴 하지만 최대한 간단하게 적어주세요!
(정말 디데이만을 위해 만든거라 길게 적으면 별로 안예뻐요..˃̣̣̥ᯅ˂̣̣̥)

반응형 게시판 레이아웃은 화면 크기에 따라 자동배열됩니다.

* 툴바 버튼 배경색 수정법 (까먹고 스킨편집하기에 안넣었어오..)
* 스킨편집하기 - CSS - ctrl+f(찾기) - .tb-btn1, .tb-btn2, .tb-btn3 검색

{ } 안에 background: var(--point2-color); < 이 부분만 삭제 후 아래코드를 붙여넣기 해주세요
.tb-btn1 {
   background: #색상코드;
}
.tb-btn2{
   background: #색상코드;
}
.tb-btn3{
   background: #색상코드;
}
색상코드만 원하는 코드로 수정해주시면 됩니당..ㅎㅎ

색상변경 예

구매시 유의사항📌

* 스킨 구매 안내글
* 오류 및 수정문의는 자주 묻는 질문, Q&A 게시판 확인 후 본문댓글 / 방명록 / 오픈채팅 글 남겨주세요.

티스토리툴바