카드 형태의 회원 정보 스킨(업데이트:171215) |
등록일 | 2023-03-31 |
---|
[업데이트 내역]
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>
카드의 크기와 폰트 조절은 이 부분에서 해주시면 됩니다
1. 서로 친구가 아닐경우
2. 내만 상대방을 친구추가했을 경우
3. 상대방만 나를 친추 했을 경우
4. 서로 친구일 경우