영, YOUNG英 티스토리 스킨

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

티스토리 이벤트 스킨 03 영, YOUNG英 2025 고죠 생일

2025. 12. 7. 12:09

영, YOUNG英 EVENT SKIN 고죠 생일 (2025)

홈커버 (공지사항, 갤러리형1(정사각형), 갤러리형2(세로형), 갤러리형3, 목록, 메모, 요약, 디데이, 리뷰, 타임라인, 투두, 플레이리스트형1, 플레이리스트형2, 이미지 슬라이드)
게시판 유형 12가지 (갤러리형1(정사각형), 갤러리형2(세로형), 갤러리형3, 목록, 메모, 요약, 디데이, 리뷰, 타임라인, 투두, 플레이리스트형1, 플레이리스트형2)
반응형

스킨 미리보기

무료스킨 05 이후 거의 반년만에 스킨 배포입니다.. ( ᐡ•︠ ·̫ •︡ᐡ)!!!
회옥·옥절/시부야 사변 개봉 및 고죠 생일을 기념해서 고죠 위주로만 제작한 스킨이라,
2024 고죠 스킨과 마찬가지로 기본 이미지 및 글은 모두 고죠 관련 내용으로 제작되었습니다.
스킨 기본 적용시 고죠 이미지만 보일 수 있으니 참고해주세요
(이미지 및 글은 스킨편집창, html 에서 수정해주시면 됩니다.)

*
스킨편집창에서 수정할 수 없는 부분은 html 에서 수정해주셔야 하니,
본문 글을 참고해주신 후 수정이 어렵거나 막히는 부분은 댓글 및 방명록 남겨주세요!
*

이벤트 스킨 04 영, YOUNG英 2025 고죠 생일

무료 배포기간 (2025.12.07 ~ 다음 유료스킨 배포까지, 12월 중순예상)

영,YOUNG英이벤트스킨04-2025고죠생일(25.12.07).zip

0.51MB

스킨 디테일

상단 (헤더)

상단 타이틀 및 기본 링크5가지 - 스킨편집창에서 수정

* 상단 링크 추가방법
- 스킨편집하기 - html - ctrl+f(찾기) -  (검정줄) 아래에 붙여넣기 하신 후 링크주소,
링크 이름만 수정해주시면 됩니다.

* 이번 스킨은 외부링크가 없으니, 외부링크는 따로 추가해주시면 됩니다.

상단 슬라이드쇼

- 스킨편집창에서 사용,미사용 및 높이 설정이 가능합니다.

좌측 메뉴

- 프로필 이미지만 스킨편집창에서 수정

* 좌측 메뉴 수정 및 추가 방법
- 스킨편집하기 - html - ctrl+f(찾기) -  검색

- a href="" 안에는 링크주소 와 <i class> 는 폰트 어썸 및 xe 아이콘 수정 해주시면 됩니다. (빨간줄)
- 분홍색줄 <li> <a href="javascript:void(0)"....> </li> 는 카테고리로 수정X
- 링크 추가시 <li> ~ </li> (노란 표시부분) 복사 후 맨 아래  밑에
(검정줄) 붙여넣기 해주세요.

중앙 이미지 및 위젯

* 중앙 이미지 - 스킨편집창에서 수정
* 중앙 하단 이미지 - 스킨편집창에서 이미지 및 태그,제목,설명 수정

- 중앙 하단 이미지 클릭시 팝업
- 팝업의 상단 태그 및 제목은 자동으로 삽입
- 하단 내용만 html 에서 수정해주시면 됩니다.
- 스킨편집하기 - 팝업 추가내용 검색 - 팝업 추가내용(이미지1~3)까지 차례대로 텍스트만 수정해주시면 됩니다

+ 하단 이미지 클릭 - 팝업에서 이미지와 아래 설명 여백이 넓을때 수정 방법

- 차례대로 수정전 - 후
- 스킨편집하기 - css - ctrl+f(찾기) - .modal-img-area 검색 - { } 안에 있는 aspect-ratio: 1 / 1; 이 부분을 삭제해주세요.

오른쪽 위젯 (3가지)

위젯1 - 타입 3가지 (시간, 디데이, 달력)

- 시계(현재시간) 자동
- 디데이형 (이미지 및 제목, 날짜 스킨편집창에서 수정)
- 달력 자동 (기념일 표시가능)

* 달력형 기념일 표시
- 스킨편집하기 - html - ctrl+f(찾기) - 달력형 스크립트 검색

형식에 맞춰서 수정해주시면 달력에 마우스를 갖다대면 기념일이 표시됩니다.

위젯 2

- 이미지+링크형 (이미지 클릭시 링크 이동)
- 이미지+티켓형 (이미지 클릭시 티켓모양 팝업)
- 이미지+영상형 (이미지 클릭시 유튜브 영상 팝업)

* 이미지 + 링크형
- 스킨편집창에서 링크 주소 수정

*이미지 + 티켓형

* 티켓 팝업 작은 글씨 (TITLE , DATE , ETC는 스킨편집창에서 수정)
* 세부 내용은 스킨편집하기 - html - ctrl+f(찾기) - 티켓 내용 수정 검색

- 티켓 1 내용 ~ 4 까지 빨간줄쳐진 " " (따옴표안) 텍스트만 수정해주세요!
- 따옴표 및 앞 코드 date-xxx가 빠지면 제대로 표시되지 않을 수 있습니다!

- 이미지+영상형 썸네일은 스킨편집창에서 유튜브썸네일 , 이미지타입 (스킨편집창에서 설정한 이미지) 중 선택 가능.
- 유튜브 영상 수정 방법
- 스킨편집하기 - html - ctrl+f(찾기) - 유튜브 영상 수정 방법 검색

- 유튜브 썸네일 설정에서
유튜브 썸네일을 선택시 아래 (썸네일 유튜브 썸네일 타입(자동)형)
data-video-id=""안에 유튜브 주소를 넣어주세요.

- 유튜브 썸네일을 이미지 타입 선택시 위 (썸네일 - 이미짙입(스킨편집창)형)
data-video-id=""안에 유튜브 id를 넣어주시면 됩니다.

* 유튜브 id 복사 방법
- 유튜브 영상에서 공유하기 클릭 후 ?si앞에 영어를 복사해주시면 됩니다.( youtu.be/영어?si

위젯 3

* 위젯 타입 2가지
- 프로필형
- 타임라인형

프로필형

- 스킨편집창에서 수정

타임라인형

* 이미지만 스킨편집창에서 수정
* 내용 수정 방법
- 스킨편집하기 - html - ctrl+f(찾기) -  검색
- 텍스트만 수정 및 추가는 코드 안에 적힌대로 해주시면 됩니다.

배경음악

- 페이지이동시 끊긴 부분부터 자동재생
- 첫 접속시 재생버튼을 눌러야 재생
- 유튜브 주소 사용

*배경음악 수정방법
- 스킨편집하기 - html - ctrl+f(찾기) - 배경음악 검색

- id , title 수정해주시면 됩니다.
- 유튜브 id 추출방법은 위 위젯3 이미지+영상형 참고 및 이 글(배경음악 수정방법)을 참고해주세요.

그 외

* 상단 ↓ 버튼 - 하단 본문으로 이동
* 하단 ↑ 버튼 - 상단으로 이동

카테고리 및 공지사항, 태그, 방명록

* 반응형에선 상단 헤더 타이틀 , 좌측 메뉴 표시X
(배경음악도 반응형에선 페이지이동시마다 버튼을 눌러야 재생되기 때문에 표시X)
* 반응형 메뉴 링크 추가 방법
- 스킨편집하기 - html - ctrl+f(찾기) - 반응형 메뉴 추가 검색

- 적힌 방법대로 해주시면 됩니다.!!

구매시 유의사항📌

* 디데이형, 리뷰형, 타임라인형, 투두형, 플레이리스트형 게시판 사용방법
* 배경음악 수정방법
* 스킨 구매 안내글
* 오류 및 수정문의는 자주 묻는 질문, Q&A 게시판 확인 후 본문댓글 / 방명록 / 오픈채팅 글 남겨주세요.

티스토리툴바