일단 CSS 를 좀 만져야 합니다. xe_official 스킨이라 가정하고 그 파일 기준으로 대충 보여드릴게요.

xe_official 폴더 내에 list.html , 그리고 css폴더안에 board.css 등의 파일이 필요합니다.



list.html 파일 내용.... 수정안내 빨간색 부분이 수정하거나 추가된내용

<div class="boardNavigation"> 위에다가 <div class="testright">배너</div> 를 넣어주세요. 아래처럼

<div class="testright">dd</div>
<div class="boardNavigation">


css/board.css 파일 수정 안내 빨간색 부분이 수정하거나 추가된내용

.boardListForm{ margin:0; line-height:normal;} 이 부분을
.boardListForm{ float:left; width:700px; margin:0; line-height:normal;} 이렇게 변경... width: 부분은 자신에게 맞게 수정

.testright { float:right; width:100px; } 부분을 적당한 위치에 추가해주시구요. 예를 들면 boardListForm 시리즈들 바로 밑정도?

.board .boardNavigation{ padding:30px 0; margin:-1px 0 0 0; text-align:center; border-top:1px solid; *zoom:1; _zoom:0;} 이부분을

.board .boardNavigation{ clear:both; padding:30px 0; margin:-1px 0 0 0; text-align:center; border-top:1px solid; *zoom:1; _zoom:0;} 이렇게 수정해주세요.



위 소스를 굳이 글로서 설명하자면...

boardListForm 은 게시물 리스트 박스라고 보시면됩니다. float:left; width:500px 를 줌으로서 왼쪽 정렬되게 하고 넓이 500줬네요.
testright  는 오른쪽배너 박스라고 보시면 됩니다. float:right; 줘서 오른쪽 정렬하고 하게 width:100px 줬네요.

boardNavigation 부분은 위의 박스들에서 정의된 float 설정때문에 clear:both;를 주어 위에 영향을 안받고 설정해줬구요.


그런데 가장 중요한 것은 layouts 파일의 컨텐츠 부분의 넓이 내에서 width: 사이즈들 조절해주는거 잊지 마세요.

이정도는 이해하시리라 믿겠습니다. ㅡㅡ;;