영, YOUNG英 티스토리 스킨

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

티스토리 스킨 영, YOUNG英 38

2024. 11. 16. 16:20

영, YOUNG英 38

이번 스킨은 배경화면과 블러가 포인트입니다!
작은 이미지를 배경화면으로 설정하면 배경이 반복해서 나올 수 있으니
가로 비율이 더 큰 이미지를 설정해주세요
저는 1920 * 1080 포토샵으로 이미지 편집 후 사용했습니다!

홈커버 (공지사항, 갤러리형, 일반형, 메모형, 갤러리형, 슬라이드형)
게시판 유형 4가지 (일반형, 갤러리형, 요약형, 메모형)
반응형

폰트 - Pretendard
스킨 미리보기

스킨구매하기(기본형 15,000)
포스타입
오픈채팅

스킨 구매하기(플레이리스트형 20,000)
포스타입
오픈채팅

스킨 디테일

좌측 사이드바 배경화면

좌(배경제거한 누끼 딴 png) 우(그냥 png)

일반 이미지 넣어도 괜찮지만
저는 배경화면과 같은 이미지 포토샵으로 인물 누끼를 따서 사이드바 배경에 넣었습니다-!

좌측 사이드바 상단 메뉴 클릭시

이번에도 넣은게 쫌 많아서.. 하나하나 설명을 해드릴게요!!
수정하실땐 아래 글을 참고해주세요!

하트(아무것도 없는 배경만 있는 화면)

두번째 아이콘(사람) 클릭시

세번째 아이콘(사진첩) 클릭시

폴라로이드 하단 낙서 이미지도 포토샵으로 꾸며주셔야 합니당
하단 낙서 사이즈는 png, psd 모두 아래 다운받으신 후 수정해주시면 됩니다
저는 폰트 golden-plains사용 여기서(*클릭*) 다운받았어요!
위에 폰트사이즈는 120pt 이고 ㅇㅏ래 날짜 폰트 사이즈는 대충 맞춰주시기만 하면 될 거 같습니당

*혹시 포토샵 없으신 분들은 댓글/방명록에 이름(제목), 날짜 적어주시면 제가 제작후
따로 전해드리겠습니다~!

하단낙서사이즈.png

0.02MB

하단낙서사이즈.psd

0.16MB

네번째 아이콘(헤드폰) 클릭시

표지 이미지만 스킨 편집창에서 수정,
유튜브 영상 수정은
스킨편집하기 > html > ctrl+f(찾기) > 유튜브 검색

연한 부분 - 유튜브 주소
진한 부분 - 제목을 넣어주시면 됩니다

유튜브 영상은

유튜브 영상 하단 - 공유 클릭 - 퍼가기
동영상 퍼가기 누르신 후 나오는 코드 중에서 src="" 안에 주소중
제가 줄친 부분을 복사후 넣어주시면 됩니다 (주소에서 ?물음표부터 뒤는 모두 삭제!!)

- 상단 autoplay 버튼 클릭시 영상이 자동재생 됩니다 (전체 자동재생X 클릭한 영상 자동재생)
- 리스트 클릭시 리스트 보임/숨김

다섯번째 아이콘(대화창) 클릭시

우측 사이드바 팝업창

이 부분은 배너 넣으실 분도 계실 거 같아서 일부러 스킨편집창에 안넣었습니당ㅎㅎ!
스킨편집하기 > html > ctrl+f(찾기) > 팝업 검색 후

이 부분에 배너를 넣어주시거나 하고 싶은 말을 적어주시면 됩니다.
내용에 이미지를 넣으실 분들은
<img src="이미지 주소">를 이용해서 배너 혹은 이미지를 넣으신후
스킨편집하기 - css 맨 하단에 아래 코드를 추가해주시면 됩니다
.modal-desc {
  position: relative;
  text-align: center /*이미지 가운데 정렬*/
}

.modal-desc img {
  max-width: 100%;
}
팝업창 크기 수정
스킨편집하기 - css - .side-modal #modal-toggle:checked ~ .modal-content 검색
(검색하면 2개가 나오는데 2번째 { } 안에 있는 max-width, width(너비)와 height(높이)를
원하는 크기로 수정해주신 후 { } 안에 아래 코드 추가해주세요!)
overflow-y: auto;
밑줄 친 부분 크기 조절