Perma Frost / ㅅㄷ님께서 배포해주신 홈페이지의 멤버란을 제 취향대로 살짝 손봤습니다.
기존 소스는 아래에서 확인하실 수 있습니다. 좋은 소스를 배포해주신 ㅅㄷ님께 감사의 말씀을 드립니다.
| 변경사항
- 전신 스크롤 가능
- 유튜브 bgm 추가
- 텍스트 공간 가로 길이 증가
- 몸무게 및 생일 삭제, 상단 인적사항 이탈릭체 적용
- 외관 이탈릭체 적용, 성격과 특징 문단에 타이틀 추가 및 들여쓰기 삭제
- 승인이 되어도 유형이 MAIN이 아니면 멤버란에서 제외
- 옷장마다 다른 프로필 출력 가능
- 그 외 레이아웃 자잘한 수정..
변경사항은 전부 코드 내부에 어떻게 변경했는지.. 대충이나마 적어뒀습니다.
마음에 들지 않는 변경사항은 기존 파일과 비교해가면서 수정하시면 될 것 같습니다.
0 | 들어가기에 앞서...
html 초심자를 대상으로 작성했지만 기본 용어는 알아두시면 좋습니다.. (디렉토리, 태그 같은 용어가 나옵니다)
변경사항에 관한 문의는 배포 계정으로 보내주세요. 저도 전공자가 아니기 때문에 제 능력 밖의 질문은 답하지 못할 수도 있습니다.
원본과 마찬가지로 재배포는 금지하지만 제가 고친 소스를 수정하거나 수정본을 배포하는 건 자유롭습니다.
그 외 주의할 점.. 얼굴이 전신의 왼쪽에 있을 경우 좌측 텍스트 항목에 가려질 가능성이 있습니다. 이 경우.. style.profile.css 의 변경사항을 참고해 수정해주시면 될 것 같습니다.
(2.14 수정 - 그림 가로 사이즈가 좁은 경우 좌측 텍스트 항목에 가려지는 상황이 발생하는 것 같습니다.. 그럴 경우 style.profile.css의 .visual-area 안에 min-width를 최소 1000으로 잡아주시면 좀더 우측으로 이동합니다. 필요하실 경우 더 늘려주는 것도 좋을 것 같아요. 파일은 고치지 않아서 수동으로 바꿔주셔야 합니다.)
불시에 내려가거나 2차지인제로 돌려질 수 있습니다...
1 | 파일 갈아끼우기
삽입된 링크에 들어가서 파일을 다운받아주세요. 압축을 풀면 여러 파일이 보일 겁니다. 해당하는 디렉토리에 파일을 넣어주세요. 혹시 모르니 원본은 백업하시는 걸 추천해요.
고쳐주셔야 하는 파일은 다음과 같습니다:
- css 디렉토리의 style.closet.css, style.profile.css
- member 디렉토리의 index.php, viewer.inc.php, closet.php
*closet.php 는 옷장 기능을 기존처럼 유지하고 싶으시다면 변경하지 말아주세요.
- 옷장 기능을 수정하신다면 mypage/character/closet_update.php
2 | 아보카도 관리자 옵션 수정하기
전부 갈아끼우셨다면 처음 원본 파일을 설치하실 때처럼 아보카도 관리자 페이지 - [캐릭터 관리] - [프로필 양식 관리]에 들어갑니다.
접속하셨다면 [추가 프로필 양식]의 맨 하단으로 가 아래와 같이 bgm을 추가해줍니다.
(2.25 수정 - ect를.. 어째서인지 etc로 적어뒀네요 bgm 추가하실 때 ect 도 etc로 바꿔주시면 감사하겠습니다..)
이제 캐릭터 프로필을 작성/수정하실 때 아래처럼 맨 하단에 bgm을 입력하실 수 있을 겁니다.
bgm은 유튜브 링크의 맨 끝 코드를 입력해주시면 됩니다. 아래 예시의 붉은색에 해당하는 공간입니다.
www.youtube.com/watch?v=ABCDEFG
여기까지 오셨으면 반은 완성입니다... (간단해요...) 옷장을 그대로 두실 분들은 여기서 멈추셔도 좋습니다.
3 | 옷장 기능 사용 방법
옷장마다 다른 프로필을 출력하고 싶어서 추가한 기능입니다. 원리는 다음과 같습니다.
옷장 전용 프로필 생성하기 => 관리자 페이지에서 타입을 SUB 로 바꾸기 => 프로필 번호로 옷장 추가
보시다시피 조금 귀찮지만 마땅한 대안책이 떠오르지 않네요... 그 외에도 자잘한 오류들이 있지만 저는 딱히 거슬리지 않아서 그냥 뒀습니다 (...) 편하게 수정해서 재배포 해주세요.
일단.. 캐릭터를 만들어주세요. 캐릭터를 만들었다면 아래처럼 관리자 페이지 [캐릭터 관리]에서 캐릭터 타입을 SUB로 바꿔줍시다. 빨간 박스가 MAIN 에서 SUB로 바꿀 수 있는 곳입니다. 바꾸셨다면 이제 멤버란에서 캐릭터가 보이지 않을 겁니다.
이 창에서 나가지 말고 수정 버튼을 통해 아래에 뜨는 링크의 뒷번호를 기록해주세요.
이제 캐릭터 프로필로 이동해 [옷장 추가]에서 AU 이름과 번호를 적어주시면 됩니다.
주의할 점은... 등록하는 AU마다 옷장을 새로 적어주셔야 합니다 (ㅜㅜ)
| 기타 커마 옵션
배포와 관련은 없지만 프로필 작성할 때 사용 가능한 (유용한) 태그 몇을 던져두고 갑니다..
<center>가운데 정렬</center>
<em>이탈릭체</em> (이 효과는 제가 배포한 파일을 사용하셔야 합니다..)
<b>볼드체</b>
<i>파란색 + 사이즈업</i>
<a href="링크">외부링크</a>
그 외 ... 저도 잘 모르지만 다른 태그도 사용하실 수 있을 거예요...
긴 글 읽느라 수고 많으셨습니다..