묻고답하기
게시판 오른쪽에 위젯을 넣으려고 하는데요.
2011.09.20 23:25
위와 같이 오른쪽에 저렇게 공간이 들어가요.
정상적으로 오른쪽 공간에 넣으려면 어떨게 해야할까요?
http://www.xpressengine.com/index.php?document_srl=19797639&search_keyword=%EA%B2%8C%EC%8B%9C%ED%8C%90+%EC%98%A4%EB%A5%B8%EC%AA%BD
이거 보고 따라하는데요
게시판 스킨은 xe_official 쓰고 있습니다. 위 팁에서
<!--#include("header.html")--> 이거 바로 아래에
<div style="width:100px; background:yellow; height:300px; float:right; margin-top:-20px;">test</div>
이것을 추가
xe - modules - board - skins - xe_board - css - common.css 열고 <-- 이 파일이 없습니다. board.css 열어보니 아래 파일은 있어서
수정했습니다. 600.px로
수정했습니다. 600.px로
line 19 쯤에
.boardInformation 에서 width 값을 600px 로 수정
line 147 쯤에
.boardList 에서 width값을 600px 로 수정
--- 이 아래 Bottom에 대한 부분은 없어서 못했습니다.
line 248 쯤에
.boardBottom { margin-top:10px; width:600px;}
width 값을 추가(붉은색이 추가된 부분)
게시판 스킨이 다르네요..
링크되어 있는 곳의 설명은 xe_board 스킨이었고
지금 적용할 곳은 xe_official이니 소스내용이 다를겁니다.
xe - modules - board - skins - xe_official - _header.html 열고
line 41 쯤에
<div class="board">
이것 바로 위에
<div style="width:130px; background:yellow; height:300px; float:right;">test</div>
이걸 입력
붉은색 background:yellow; 는 나중에 삭제하면 됩니다. 처음 삽입했을 때, 박스 범위를 보이기 위해 넣은 겁니다.
나중에 내용을 넣을 때는 붉은 색 test 부분에 직접 넣어야 합니다. width, height 값도 나중에 원하는 대로 수정하고, 아래 css 속의 width값도 함께 조절하면서 원하는 박스 사이즈를 맞추면 됩니다.
xe - modules - board - skins - xe_official - css - board.css 열고
line 5 쯤에
.board{ font-family:Tahoma, Sans-serif; line-height:normal; font-size:12px; width:600px; float:left;}
붉은 색 부분이 추가된 내용입니다.