테스트 사이트 - 개발 중인 베타 버전입니다

닉네임 드롭다운,Adaptive

· 7개월 전 · 904 · 4
pc_mobile_NickMenu.png

그누보드 기본, '글쓴이 사이드뷰'를 참고하여 커스텀 페이지 편집/사용 하기.

기본 테마(pc+mobile) 최신글 목록의 '글쓴이'에 '드롭다운'으로 덧붙였습니다.

>>> 툭정 메뉴를 사용하고자 할 때.

 

mobile '드롭다운'은 화면의 정중앙에서 열리며, 스크롤 시 닫습니다.

닉네임(.member)을 클릭하면 해당 회원의 메뉴(.sv)가 열리도록 구현합니다.
하위 메뉴(.sv)는 기본적으로 display: none; 상태이며, 클릭하면 display: block;으로 열립니다.
JS에서 toggleMemberMenu(event, memberId)가 실행되여 메뉴의 표시 상태를 다룹니다.
동일한 .sv 클래스의 모든 요소를 닫고, 현재 클릭한 요소만 열립니다.

1930905316_1742746922.0206.png

 

1930905316_1742747695.9572.png

 

PC와 mobile 적응형이며, 그누보드 기본 테마 구조의 최신글 스킨입니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

7개월 전

감사 합니다.

7개월 전

(●'◡'●) 감사합니다.

7개월 전

감사합니다 ^^

7개월 전

감사합니다.  '◡'

게시글 목록

번호 제목
63027
63014
63008
62999
62953
62943
62941
62936
62908
62907
62892
62879