영, YOUNG英 03 리뉴얼
2023 08 14 스킨 업데이트 https://record-ay.tistory.com/295
2024 03 01 최종 업데이트 https://record-ay.tistory.com/341
새로운 파일을 다운받아주세요.
업데이트 스킨 적용 전 백업을 꼭 해주세요.
***업데이트 전 파일은 제공되지 않으니 유의바랍니다.
홈커버, 반응형, 게시판 유형 3가지 (목록형, 갤러리형, 요약형)
목록구성요소 - 목록만
폰트 - Pretendard
수정법
플레이 리스트형 게시판 미포함 구매 (18,000)
플레이 리스트형 게시판 포함 구매 (23,000)
(이미지가 뜨지 않거나 슬라이드가 작동하지 않을 땐
압축해제 한 파일 중 images 안에 있는 파일이 모두 업로드 되지 않았을 가능성이 큽니다.업로드 할때 images 에 있는 파일을 따로 모두 선택해서 추가해주셔야 합니다
스킨편집하기 > 파일업로드 > 추가 > images에있는 파일을 모두 업로드 해주시거나,새로 스킨 추가를 하여 images에 있는 파일을 따로 모두 선택해주세요.)
스킨 디테일 (적용시 기본 화면)
상단 툴바 메뉴
애플로고 - 하단 설정창(프로필, 블로그소개글) , Home, Notice
Finder - 카테고리 리스트
File - 하단 독 리스트 (문서, 사진, 동영상)
View - 외부링크
Help - 태그, 방명록
좌측 폴더 링크
- 모두 카테고리로 지정되어 있으니 스킨편집하기 > 바탕화면폴더에서 수정해주세요
하단 사파리 클릭시 본문이 나타났다가 사라집니다
상단 빨간버튼 - 현재 열려있는 창 닫기
상단 노랑버튼 - 최소화 (툴바만 남아있게 됩니다)
상단 초록버튼 - 최대화 (본문만 최대화가 가능합니다)
하단 독
사파리 - 본문
탐색기 - 내 문서 (폴더창)
사진 - 사진
비디오 - 동영상
설정 - 블로그 정보
본문을 제외한 나머지 창들은 최대화만 불가능, 나머지(닫기,최소화) 버튼은 같은 기능입니다!
창 클릭시 맨위로 활성화
리스트 스타일 - 마우스 오버 효과
플레이리스트형 홈커버, 게시판
본문, 댓글 및 방명록
공지사항, 태그, 비밀글
페이징 및 검색 버튼은 본문 상단에 위치하고 있으니 참고해주세요
반응형
수정법
스킨편집하기 > CSS > ctrl + f 찾기 > .pos1 검색 > { } 안에 left 수치를 30% 로 변경해주세요
안맞으면 left 수치를 조금씩 조절해가면서 맞춰주시면됩니다~!!
첫화면 창들 열어놓기
스킨편집하기 > CSS > ctrl + f (찾기) > #documents , #photo , #video , #setting 을 하나씩 검색 후
{ } 안에서 display: none; 를 지워주시면 모든 창이 열린 상태로 첫화면이 설정됩니다.
* 혹은 열고 싶은 창만 선택해서 display: none; 를 지워주시면 되요!
#documents - 폴더창
#photo - 사진
#video - 동영상
#setting - 블로그 정보
스킨편집하기 > CSS > ctrl + f (찾기) > #documents , #photo , #video , #setting 중
위치를 변경하고 싶은 창의 { } 안에 top: 수치px, right: 수치px; 를 맞춰주시면됩니다.
왼쪽으로 변경하고 싶으시면 right: 수치;를 삭제 후 left: 수치px;를 추가해주세요.
#documents - 폴더창
#photo - 사진
#video - 동영상
#setting - 블로그 정보
스킨편집 > css > ctrl + f 검색 > #bfolder li 검색 후 { } 안에 width: 75px; 수치를 늘리거나 없애주세요!
마찬가지로 스킨편집하기 > CSS > ctrl + f 찾기 > .d-folder1 a 검색 > { } 안에 width: 75px; 를 삭제해주시거나
수치를 늘려주세요 !
스킨편집하기 > html > ctrl + f (찾기) > <a href=""> 검색 >
</li> 끝나는 부분 밑에 아래 코드를 추가, 편집해주세요
<li>
<a href="링크주소">
<div class="b-file">
<img src="">
<span> 폴더명 </span>
</div>
</a>
</li>
* 삭제는 반대로 삭제하고 싶은 <li> ~ </li> 부분을 삭제해주세요.
스킨편집하기 > html > ctrl + f (찾기) > <a href=""> 검색 >
마찬가지고 </li> 끝나는 부분 밑에 아래 코드를 추가, 편집해주시면 됩니다.
<li>
<div class="d-folder1">
<a href="링크주소">
<div class="d-img">
<img src="">
</div>
<div class="d-name">
폴더명
</div>
</a>
</div>
</li>
* 삭제는 반대로 삭제하고 싶은 <li> ~ </li> 부분을 삭제해주세요.
폰으로 (반응형) 접속시 창을 모두 닫으면 바탕화면 크기도 줄어들게 되어있습니다.
모든 창을 닫아도 바탕화면은 모두 보이게 하시려면
스킨편집하기 > CSS > 반응형 검색 후 /*반응형*/ 밑에 있는 코드를
아래 파일로 다운받아 변경해주세요
🙆스킨 구매시 꼭 읽어주세요 ❤*.(๓´͈ ˘ `͈๓).*❤
💜스킨 구매 가이드 (스킨 구매 전 읽어주세요📌)
https://record-ay.tistory.com/pages/skin-1
💜자주 묻는 질문
https://record-ay.tistory.com/pages/FAQ
💜카피라이트 삭제
https://record-ay.tistory.com/174
이외 수정 및 오류 문의는 댓글/방명록/카톡 남겨주시면 확인 후 답변 해드리겠습니다.
