게시판 좌측에 메뉴 넣을 공간을 만들고 싶습니다
본문
특정게시판 스킨에만 좌측에 공간을 만들어서 메뉴나 이미지를 넣으려 합니다.
list.skin.php에 div를 넣고 css에 추가해주면 될 것 같아서 해 보려고 했더니
상단으로만 위치가 잡힙니다, div 위치나 css 를 어떻게 잡아줘야 할까요? ㅠㅠ
스킨은 기본 basic 스킨입니다.
답변 3
list 스킨을 직접 건드리는 것보다
list 스킨을 감싸고 있는 head 부분과 tail 부분을 손보는게 훨씬 편합니다^^
게시판 관리자 설정에서 상단파일 경로를 이렇게 바꿔주시구요~
_head_banner.php
_tail_banner.php
이 두가지 파일을 만드셔서 bbs 폴더 안에 넣어주세요.
bbs 폴더 안에 두가지 기본 파일이 있으니 파일명 변경하시고
아래 내용으로 바꿔주시면 편합니다^^
_head_banner.php 내용
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/_head.php');
?>
<div style="position:absolute; width:212px; height:100%; padding-right:10px;">
<table width="100%" height="100%" bgcolor="#fff100"><tr><td align="center" valign="middle">
배너 넣을곳
</td></tr></table>
</div>
<div style="position:relative; width:calcs(100% - 222px); margin-left:222px;">
_tail_banner.php 내용
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/_tail.php');
?>
</div>
원리는 head 부분에 div 를 두개 만들고 하나는 222 픽셀의 배너 그리고 여백10을 주었습니다.
그리고 div 를 하나 더 만들어서 본문을 감싸고 tail 부분에서 닫았습니다.
정말 확실하고 깔끔하게 해결되었습니다. ㅠㅠ
감사합니다 그누초보님!!!
저부분을 나오게 하시려면 head.php 파일을 건드리셔야 될것 같네요.
본문 나오는 부분에 특정테이블 조건 걸어서
div를 배치하는 방식으로 하셔야 합니다.
float을 사용하셔서 좌우 배치를 하셔도 되고
본문내용부분에 padding-left 값을주시고 추가하고자 하는 레이어 부분을 position:absolute로
띄우셔도 됩니다.
말씀하신 부분으로 해보느라 공부가 되었습니다.
올려주시는 멋진 스킨들도 감사합니다!!!
list.skin.php 에서 아래와 같은 형태로 수정해주세요.
<table><tr>
<td></td>
빈공간
<td></td>
게시판 출력부분
</tr></table>
테이블도 시도해보다가 제 능력이 모자라 실패했습니다 ㅠㅠ
답변 감사합니다!!!
