* 인스타창 외 드래그가능 * 열리는 순서대로 상위에 보입니다. * 인스타창 외 상단 버튼은 X(닫기) 만 위치. * 작업표시줄 실행중인 아이콘 클릭시 최소화 됩니다. * 사이드바 폴더(컴퓨터, 동영상, 인터넷, 배경음악, 도움말)를 연 상태에서 페이지 이동시, 마지막으로 열었던 상태가 그대로 유지됩니다. * 섹션도 마찬가지로 페이지이동시 마지막에 열었던 상태 그대로 유지됩니다.
스킨 적용 기본색상 및 홈커버섹션 1, 2, 3
버튼 1 - 본문, 버튼 2 - 이미지 및 유튜브 영상, 버튼3 - 배너 영역
섹션2 - 이미지,유튜브
* 이미지와 내용 및 유튜브 추가 가능 * 수정 방법 - 스킨 편집하기 - html - ctrl+f(찾기) - 섹션 2 혹은 이미지용 검색
- 이미지용 및 동영상용 에서 이미지주소, 제목, 내용, 유튜브 주소 수정해주시면 됩니다.
섹션3 - 배너영역
* 배너 영역 수정 방법 - 스킨 편집하기 - html - ctrl+f(찾기) - 배너 검색
- 배너 링크 주소, 이미지 주소 수정 - 배너 사용하지않는 분들은 <img src="이미지주소"> 이미지만 넣어주셔도 됩니다.
팝업창 및 검색창
인스타창에 Options에 있는 창은
스킨 편집하기에서 수정해주세요!
+ 포스트,팔로워 및 팔로잉 숫자도 스킨편집하기 창에서 수정해주시면 됩니다
다크모드 + 사이드바
* 사이드바 아이콘 및 이름, 링크 = 스킨편집하기 창에서 수정 * 내 컴퓨터 및 인터넷 - 폴더 추가 방법 - 스킨편집하기 - 내 컴퓨터 혹은 인터넷 검색
- <!-- 새폴더 1 --> 부터 </div> (<!-- 새폴더 2 --> 바로 위 ) 까지 복사 하신 후 폴더 끝 밑에 붙여넣기 → a href="링크주소" , img src ="이미지주소", pop-wrap-text 밑에 노란글씨에는 폴더명(링크명) 수정해주시면 됩니다. 어려우면 연락주세요!!@
시작 팝업창도움말
* 도움말 수정 방법 * 이미지 및 제목은 스킨편집하기에서 수정
* 내용 수정 방법 - 스킨편집하기 - html - ctrl+f(찾기) - help-wrap 검색 - 제목 및 내용 수정 - 추가시 <!-- 내용1 --> 부터 </div> 까지 복사 후 <!-- 내용 3 --> 끝난 /div 다음 (빈공간) 에 붙여넣기
시스템 종료
* ESC를 누르거나 글 영역 외 클릭시 팝업이 사라집니다. *이미지 및 제목 - 스킨 편집하기창에서 수정
* 내용 수정 방법 스킨편집하기 - html - ctrl+f(찾기) - 시스템 종료 검색
- 내용 수정해주시면 됩니다.
배경음악
* 페이지 이동시 끊긴 구간부터 이어서 재생됩니다 * 배경음악 수정 방법 - 스킨편집하기 - html - ctrl+f(찾기) - 아티스트 검색 - 아래 방법에 적힌 대로 주소를 수정해주세요.
- cover 에 앨범 커버를 넣지 않으면 스킨편집하기창에서 지정한 기본 이미지가 뜹니다
* mp3 주소 파일 업로드 방법은 이 글 하단(배경음악(BGM) 넣기!)을 참고해주세요.
공지사항방명록 및 댓글태그갤러리형1 (정사각형)갤러리형2 (세로)목록형메모형요약형디데이형
* 디데이형 앞에 있는 파란하트는 스킨편집하기 - html - ctrl+f(찾기) - summary-dday 검색 후 - 파란하트를 원하는 이모티콘으로 수정해주시면 됩니다.
스킨 42 부터는
배경음악을 스킨 편집창에서 직접 설정할 수 있고,
핀터레스트형, 믹스형, 피드형, 메신저형, +플레이리스트형3...등
새로운 게시판 유형도 추가될 예정이에요 💜
(홈커버도 동일하게 적용됩니다!)
이 외에도 스킨 편집창에서 더 간단하고 다양한 기능을 설정할 수 있도록
계속 기능을 추가해 나갈 예정이에요Σ( º。º ...)
+
덕질용뿐만 아니라 여러 스타일의 스킨도 차근 차근 제작해보려고 합니다(,,•́ . •̀,,)
- 스킨 등록(업로드)시 images에 있는 폴더는 마지막 혹은 처음에 따로 추가를 먼저해주세요.
* 파일 선택창에서 위 이미지와 같이 모두 선택시 images에 있는 파일은 업로드 되지 않습니다
* images에 있는 파일 따로, 그 밖에 있는 파일 따로 (총 2번) 추가해주세요.
- 스킨편집하기 - 상단 html 편집 클릭
- 파일업로드 - 하단 추가 선택 후
- 압축파일 해제한 파일에서 images에 있는 파일을 모두 업로드 해주세요
- 스킨 폴더에서 모두 선택 X, images 폴더 따로 클릭 - 그 안에 파일 추가해주시면 됩니다
- images폴더 안의 파일이 추가되었으면 상단 ← 화살표 눌러주세요.
제 스킨은 모두 목록 구성 요소 '목록만' 에 맞춰 제작되었습니다
* 스킨편집하기창에서 목록 구성 요소를 모두 목록만으로 설정해주세요.
* 스킨편집 - 최신글 - 홈 화면 글 수 1개로 설정해주세요.
아래 코드를 스킨편집하기 - CSS (맨 상단 혹은 하단)에 추가해주세요.
/* 공감버튼 */ .container_postbtn { display: none; }
티스토리 - 블로그 설정 - 꾸미기 - 모바일 선택
상단 티스토리 모바일 웹 자동연결을 사용하지 않습니다로 설정해주세요
주소 끝에 /m/이 붙어있으면 스킨이 적용되지 않습니다 /m/을 제외한 PC와 같은 주소를 사용해주세요
블로그 설정 - 카테고리 관리
하단 카테고리 설정 - 카테고리별 글 수, 카테고리에 새 글 발행 여부 표시하지 않습니다로 변경해주세요
1. XEICON
- 위 링크 접속 → LIBRARY → 원하는 아이콘 이름을 외부링크 아이콘 이름칸에 넣어주세요.
2. FONTAWESOME
- 원하는 아이콘 검색 → 클릭 → i class="이름" 에서 이름 부분만 복사해 넣어주시면 됩니다
아래 코드를 복사 - 스킨편집하기 - ctrl+f(찾기) - </html> 검색 후
맨 하단 </html> 바로 위에 붙여넣기해주세요.
URL은 원하는 페이지(주소)로 수정해주시면 됩니다
스크롤바 숨기기
스킨편집하기 - CSS - Ctrl+f(찾기) - ::-webkit-scrollbar 검색
::-webkit-scrollbar { } 안에 display:none; 을 추가해주세요
스크롤바 보이게 하기
스킨편집하기 - CSS - Ctrl+f(찾기) - ::-webkit-scrollbar 검색
::-webkit-scrollbar { } 안에 display:none; 을 삭제해주세요
본문 작성시 접은글 작성 후 좌측 상단 기본모드 - HTML 모드로 변경
더보기, 닫기 부분에 넣고 싶은 텍스트로 변경해주시면 됩니다.
무료 스킨 01은 본문 내용에 간단한 텍스트와 날짜 (yyyy-mm-dd 하이픈)을 작성해주시면 됩니다 (하이픈만 가능)
무료스킨 01 제외 업데이트 되는 스킨들은 본문에 간단한 텍스트와 함께
텍스트 yyyy-mm-dd(하이픈) , 텍스트 yyyy.mm.dd(점) , 텍스트 yyyy/mm/dd(슬래시)로 적어주시면 됩니다.
(세가지 모두 가능)
🔔 이 외 문의는 Q&A게시판을 확인하신 후
방명록
혹은
오픈채팅에 남겨주세요
♥⸜(⌯'▾'⌯)⸜♥
Q&A
닫기
스킨 사용 중 궁금한 점은 먼저 FAQ를 확인해주세요.
구매 전 문의와 사용 중 문의는 내용을 구분해서 남겨주세요.
오류 문의 시 사용 환경과 증상을 함께 적어주시면 확인이 더 빠릅니다.
캡처 이미지가 있으면 문제 파악에 도움이 됩니다.
문의는 오픈채팅, 방명록 등 안내된 경로로 부탁드립니다.
💜
!Read Me!
영, YOUNG英 스킨 구매 가이드
닫기
구매 전 꼭 읽어주세요꒰╬•᷅д•᷄╬꒱!!♡
제가 좋아하는 분위기를 담아 티스토리 스킨을 제작합니다 ꒰⁎' - ' ꒱♡
이미지 많이 넣기, 이것저것 자유롭게 모아두는 구성, 레트로&빈티지, 보라색
그리고 최애인 고죠 덕질을 할 때 어떤게 들어가면 좋을지 고민하며 구상하는 편입니다(ദ്ദിㆁᴗㆁ♥)
일상과 덕질 위주의 기록용이라 (거의 덕질…😌)
기능보다는 디자인 중심으로 제작하고 있습니다 ヽ( ຶ▮ ຶ)ノ!!!
앞으로 덕질 이외에도 일상, 기록, 가독성과 맞춤형 등 다양한 스타일의 스킨을 제작하려고 합니다✨
스킨 오류나 수정 문의는 사용 중인 스킨 본문 댓글, 방명록, 오픈채팅 중 편한 곳에 남겨주세요 ( · ❛ ֊ ❛)♥
스킨 번호와 문의 내용을 함께 적어주시면 더 빠르게 확인이 가능합니다.
오픈채팅이 가장 빠르고 정확하며, 댓글 및 방명록은 확인 후 답변까지 1~3일 정도 소요될 수 있습니다(⩌⩊⩌)♥
또한 스킨에 "이런 기능이 있으면 좋겠다!" 하는 아이디어도 언제든 환영이니 방명록이나 에스크로 편하게
남겨주세오 (⑉´•˶˶̫˶ •`⑉)♡
스킨 기본
지원 환경
PC, 모바일(반응형) 지원
커스터 마이징
스킨 편집하기에서 포인트 색상 및 이미지 수정 가능
홈커버, 게시판
다양한 홈커버와 게시판 구성을 사용할 수 있습니다
업데이트 지원
지속적인 기능 추가 및 업데이트 제공
지원 환경
모든 스킨은 PC 및 모바일(반응형) 환경을 지원합니다.
커스터마이징
대부분의 색상 및 이미지는 스킨 편집하기에서 수정 가능합니다.
일부 항목은 HTML에서 직접 수정이 필요합니다.
각 스킨별 HTML 수정 방법은 스킨 본문에 안내되어 있으며, 문의 시 추가 안내 가능합니다.