[업데이트 내역]

V.1.0.3: 반응형 적용(화면 폭 좁아지면 카드가 넓이가 100%로 바뀝니다)

V.1.0.2: 타 회원 프로필 조회시 쪽지보내기, 친구추가 버튼 추가

          친구추가버튼 설명

         "서로 친구가 아닐때(친구추가) 나만 친구 추가했을때(추가된 회원)

         상대방만 친구 추가했을때(상대방이 회원님을 친구추가함)

         서로 친구일때(서로친구)"

 

V.1.0.1: 타 회원 프로필 조회시 본인의 정보가 표시되는 오류 수정, 추가정보에 프로필 이미지 뜨는 오류 수정, 타 회원의 프로필 조회시 개인신상 카드는 미출력 처리

 

 

 

 

 

 

 

 

회원정보를 보여주는 프로필 페이지를

카드 형태로 출력해주는 간단한 스킨입니다.

 소셜 느낌의 분위기를 연출합니다

 

1. 프로필이미지: 관리자 페이지의 회원설정에서 프로필이미지를 사용하지 않도록 설정해도

강제로 출력됩니다.

 

2. 계정 기본정보:  이메일, 아이디, 닉네임, 그룹, 가입일, 최근로그인을 출력합니다 . 관리자 회원 설정에서 사용안함 체크시 출력이 안됩니다. 비공개 체크시 타 회원에게 비공개 됩니다(가입일, 최근로그인은 기존 처럼 항상 출력됩니당)

 

3. 개인 신상 정보:  신상을 특정할 수 있는, 개인 신상정보를 표시하는 란입니다. 이름과 생일을 포함시켰는데 사이트 상황에 맞게 조정하시면 됩니다.  타 회원에게는 보여지지 않으며 본인과 관리자에게만 보여집니다.  관리자 회원 설정에서 사용안함 체크시 출력이 안됩니다.

 

4. 추가정보:  위에서 표시되지 않은 정보와 확장변수가 출력됩니다.  관리자 회원 설정에서 사용안함 체크시 출력이 안됩니다. 비공개 체크시 타 회원에게 비공개 됩니다

 

 

 

+

사이트 상황에 맞게 고쳐 쓰시면 될것 같습니다...(member_info.html)

<style>
.bd_zine li{width:320px; height:300px;margin: 20px 10px 20px 10px}
.member_info {font-size:14px}

@media screen and (max-width:900px){           
.bd_zine li{width:100%; height:auto;margin: 20px 10px 20px 10px}
}

</style>

카드의 크기와 폰트 조절은 이 부분에서 해주시면 됩니다

 

asa.png

1. 서로 친구가 아닐경우

drhdhh.png

 

2.  내만 상대방을 친구추가했을 경우

22.png

 

3. 상대방만 나를 친추 했을 경우

11.png

 

4. 서로 친구일 경우

33.png