게시판 (페이지를 Wide로 변경하기) 적용 안되는 문제 (전체꽉찬 지도화면용 게시판) 채택완료
안녕하세요~~~~ [꾸벅]
fm25님 그누보드 팁자료실 내용으로 적용을 해보아도 정상적으로 잘~ 적용이 안되어
여러번 시도해보고, 새로 설치해보고 끙끙그리다~ 도저히 안되어 선배님들께 문의드려봅니다.~
먼저 답변에 미리 감사를 드립니다.
적용할려고 참고한 내용: https://sir.kr/g5_tip/3108
그누보드 적용 버전: https://sir.kr/g5_pds/7460 ( 그누보드(영카트) 5.6.14 )
지도기반으로 적용스킨: https://sir.kr/g5_skin/58510
서버환경 : UTF-8 (PHP7.4, mariadb-10.x)
지도게시판 여분필드: 50개 까지 추가 완료상태
[ 선행 작업 ]
기본 테마 레이아웃에서 우측 aside 영역 삭제하기
https://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=161
적용하여 소스 삭제 및 정리하여주고 수정해줬습니다.
최근에 새로 나오는 그누보드 최신버전은 우측에 aside 영역 부분이 (아랫쪽에 표시되는것같고),
처음부터 넓게 나오네요~~~
[1번 적용 내용] <-- 정상 복사해서 적용했습니다.
bbs/_head.php 를 복사해서 bbs/_head_wide.php 로 이름을 바꿉니다.
내용에서
include_once(G5_PATH.'/head.php'); 를
include_once(G5_PATH.'/head_wide.php'); 로 바꿉니다.
[2번 적용 내용] <-- 정상 복사해서 적용했습니다. _head.php 를 복사해서 _head_wide.php 로 이름을 바꿉니다.
내용에서
include_once(G5_PATH.'/head.php'); 를
include_once(G5_PATH.'/head_wide.php'); 로 바꿉니다.
[3번 적용 내용] <-- 정상 복사해서 적용했습니다. head.php 를 복사해서 head_wide.php 로 이름을 바꿉니다.
내용에서
require_once(G5_THEME_PATH.'/head.php'); 를
require_once(G5_THEME_PATH.'/head_wide.php'); 로 바꿉니다.
[4번 적용 내용] <--- 어떻게 적용해야하는지 못찾겠습니다. (head.php파일은 복사했지만 적용못함) theme/테마명/head.php 를 복사해서 theme/테마명/head_wide.php 로 이름을 바꿉니다. 내용에서
(아래 내용은 중간부분에 있어서 적용했습니다. ) (적용을 할려고해도 버전 차이로 문제인지, 아래 내용이 없습니다. ) (적용을 할려고해도 버전 차이로 문제인지, 아래 내용을 어떻게 적용을 해야하는지 못찾아서 일단은 내용그대로 복사해서 중간부분에 넣어보았습니다. )
(적용을 할려고해도 아웃로그인과 설문조사 부분이 없는것 같습니다.
'container' id 를 어떻게 수정해야하는지 이해가 안됩니다 )
아웃로그인과 설문조사를 주석으로 숨기고 'container' id를 수정합니다. ※ 테마에 따라 소스가 다를 수 있습니다.
( container id 수정하는것은 이렇게 하면 되는지 잘~ 모르겠는데~ 적용해보았습니다. )
[5번 적용 내용] <--- 정상 적용되었는지 잘~ 모르겠습니다.
theme/테마명/css/default.css
#container2 {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:939px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1} #container2:after {display:block;visibility:hidden;clear:both;content:""} #container2_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}
'container' 소스를 복사해서 바로 아래에 삽입하고 위와같이 수정합니다. 'id'와 'width' 수정
※ 테마에 따라 소스가 다를 수 있습니다.
테마 css 에서 #container 에서 복사하여 #container2 적용한것은 아래와 같이 적용을 해보았습니다.
#container2 {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:100%;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1} #container2:after {display:block;visibility:hidden;clear:both;content:""} #container2_title {margin-bottom:20px;font-size:1.2em;font-weight:bold} #container2_title span {margin:0 auto 10px;display:block;line-height:30px}
[6번 적용 내용] <-- 정상적으로 "게시판 관리자 페이지에서" _head_wide.php 적용했습니다.
https://sir.kr/bbs/view_image.php?bo_table=g5_tip&fn=1889776576_oA2p35YZ_2015.08.30_05.png" target="_blank">https://sir.kr/data/file/g5_tip/1889776576_oA2p35YZ_2015.08.30_05.png" />
content.php
상단 파일 경로만...
bbs/_head_wide.php
제일 처음 만들었던 파일의 이름을 입력해줍니다.('bbs/'는 생략)
[ 전체 지도 적용하는 방법 = 인터넷에서 찾은 자료]
https://devjh.tistory.com/206">카카오 지도 여백 제거, 전체화면
테마/basic/css/default.css 소스파일 이나, 지도게시판/style_sale.css 하단에 추가 넣어주면 될것같습니다.
#map { width: 100%; height: 100%; position:absolute; left:0; top:0; margin:0; padding:0; }
적용해야하는 부분 위치는 이곳에 넣어 줘야 할것 같은데~ 정확하게는 모르겠습니다.
지도기반으로 적용스킨에 넣어줄곳 : https://sir.kr/g5_skin/58510
[ list.skin.php 164줄 위치 내용 ] "map_container" 대신 "map" 으로 변경해서 적용해보니까 지도가 없어져 버려서 적용못했습니다.
style_sale.css 에 "map_container" 부분
.map_container { width:100%; height:100vh; position:relative; background-color: transparent; flex: 1; position: relative; overflow: hidden; }
[ list_map.php 42줄 위치 내용 ]
답변 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
