FAQ 스킨 페이지를 항상 열림 상태로 변경 > 그누보드 기타스킨 강좌

본문 바로가기
전체검색

그누스킨닷컴

그누보드 기타스킨 강좌

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

FAQ 스킨 페이지를 항상 열림 상태로 변경

페이지 정보

작성자 관리자 작성일17-06-05 21:00 조회542회

본문

그누보드 기타스킨 강좌

그누보드 기본 기능에 있는 FAQ 페이지는 

토글 형식으로 제목을 클릭하면 숨겨진 내용이 출력되는 방식으로 되어 있습니다.

해당 부분을 항상 열림 상태로 변경하는 방법입니다.



1. skin/faq/basic/list.skin.php 파일 수정

 

일단 제목 부분 링크와 본문 내용 닫기 버튼을 제거합니다

 

<h3><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></a></h3>

여기를 이렇게 수정

<h3><?php echo conv_content($v['fa_subject'], 1); ?></h3>

 

여기는 삭제

<div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>

 


2. skin/faq/basic/style.css 파일 수정

 

제목 부분 링크를 제거했으니 a 제거 (a 만 삭제하세요)

#faq_con h3 a {display:block;padding:10px;border-top:1px solid #e9e9e9;background:#f2f5f9;text-decoration:none}

 

숨김 처리되어 있는 내용 부분을 수정

#faq_con .con_inner {display:none;padding:10px;line-height:1.8em}

여기를 이렇게 변경

#faq_con .con_inner {display:block;padding:10px;line-height:1.8em}

 

 

정상적으로 수정이 되었다면 위 스크린샷처럼 항상 펼침 상태로 변경될 겁니다

커뮤니티는 당분간 중단하겠습니다.
그누보드 기타스킨 강좌 목록
번호 제목
공지 공지사항입니다.
29 회원 가입 약관 동의 페이지를 개인 정보 입력 페이지와 통합하기
28 내가 스크립한 게시물 개수 출력하기
27 1:1문의 게시판 비회원도 목록은 보이게 처리하기
26 회원 가입 스킨에서 이메일 필수 입력 해제하기
25 회원 가입시 관리자에게 SMS 문자 발송하기 댓글4
24 로그인 스킨에 자동등록방지 캡챠 코드 적용하기
23 SNS 계정으로만 회원 가입 허용하기 일반 가입은 차단
22 내용 관리 스킨에서 여분 필드 추가해서 사용하기
21 인기 검색어를 변동 없이 원하는 값으로 고정해서 출력
20 전체 검색에서 여분 필드 검색 추가하기
19 1:1문의 게시판에서 여분 필드 사용하기
18 회원 정보 여분 필드 10개 이상 추가해서 사용하기
17 회원 가입 스킨에서 이메일 항목 삭제하기
16 쪽지 포인트 스크랩 페이지를 새창 방식이 아닌 일반 페이지로 전환
15 회원 가입 스킨에서 닉네임 항목 삭제하기
14 회원 가입할 때 약관 및 개인정보처리방침 생략하기
13 전체 최신글 스킨 목록에서 댓글 내용 출력 댓글2
12 회원 가입 스킨에서 여분 필드 선택 값에 따라 자동으로 레벨 지정하기
11 회원 정보 수정 페이지에 회원 탈퇴 메뉴 추가하기
10 전체 검색에서 카테고리도 검색에 포함하기
9 회원 가입 스킨에서 이름 항목 삭제하기
열람중 FAQ 스킨 페이지를 항상 열림 상태로 변경
7 전체 최신글 스킨 new.php 파일에 각종 아이콘 출력하기 댓글1
6 회원 가입 스킨에 회원 정보 여분 필드 활용 방법 - 배열 사용
5 회원 가입 스킨에서 개인 정보 입력 항목 최소화하기 댓글1
4 투표(설문조사) 항목 개수 늘리기
3 회원 가입 스킨에 회원 정보 여분 필드 사용하기 - 기초예제 2
2 회원 가입 스킨에 회원 정보 여분 필드 사용하기 - 기초예제 1
1 회원 가입 스킨에 회원 정보 여분 필드 사용하기 - 기본적인 사용 방법
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로