[재문의]에레버스 게시판 사이즈 조절 문의
  • gyeominater
  • 2014.01.21 14:59:19
  • 조회 수: 1458
  • 댓글: 4

안녕하세요! 에레버스 게시판 스킨 잘 사용하고 있습니다.


다름이 아니라 에레버스 게시판의 사이즈를 조절하고 싶습니다.


모든 게시판의 사이즈가 아니라 


하나의 게시판만 사이즈를 조절하고 싶은데


방법이 없을까요?


하나에 게시판 메뉴에 아래와 같이 지도와 게시판이 함께 사용하려고 합니다.


근데 게시판 사이즈가 조절이 안되서 아래와 같이 두 줄로 출력이 되네요


test1.jpg

첨부파일에 test1와 test2를 첨부하였습니다.


다시 설명드리자면 아래처럼 나와버립니다.


test1.jpg



제가 시도하려는 레이아웃은아래와 같이 나란이 하는 거구요

test2.jpg

조언부탁드립니다.


감사합니다.

이 게시물을

댓글'4'
XETemplate
  • 2014.01.21
  • 수정: 2014.01.21 20:07:30

게시판 스킨을 하나더 복사하신후 

복사한 게시판으로 스킨을 선택 후 css/board.css 4번줄에 width값을 넣어 사용하시는게 좋을듯합니다.

.board { font-size:12px; line-height:18px; width:000px; }

이 댓글을

gyeominater
  • 2014.01.22

빠른 답변 감사드립니다.^^


알려주신 정보를 이용해 css/board.css 81번줄에 width 값을 아래와 같이 넣어 보았습니다.

/* 목록형 스타일 -------------------------------------------------------------------------------------------------------- */

.boardList { border:0; /*width:100%;*/ width:580px; } /* 리스트 상단 라인 gyeminater */

/*                           -------------------------------------------------------------------------------------------------------- */

또한 지도는 "관리자페이지 > [해당 게시판] 게시판 정보 > 기본 > 상단 내용" 에 아래의 html을 이용하여 삽입하였습니다.

/*                           -------------------------------------------------------------------------------------------------------- */

<style>

.map_0 { clear:both; position: relative; z-index: 1; top: -35px; left: 595px; } 

.map_1 { clear:both; position: absolute; z-index: 1; top: 260px; left: 620px; }

.map_2 { clear:both; position: absolute; z-index: 2; top: 215px; left: 652px; } 

.map_3 { clear:both; position: absolute; z-index: 3; top: 232px; left: 715px; } 

.map_4 { clear:both; position: absolute; z-index: 4; top: 050px; left: 688px; } 

.map_5 { clear:both; position: absolute; z-index: 5; top: 154px; left: 635px; } 

.map_6 { clear:both; position: absolute; z-index: 6; top: 074px; left: 663px; } 

.map_7 { clear:both; position: absolute; z-index: 7; top: 143px; left: 698px; } 

.map_8 { clear:both; position: absolute; z-index: 8; top: 147px; left: 728px; } 

.map_9 { clear:both; position: absolute; z-index: 9; top: 368px; left: 640px; } 

.map_10 { clear:both; position: absolute; z-index: 10; top: 112px; left: 672px; } 

.map_11 { clear:both; position: absolute; z-index: 11; top: 101px; left: 639px; } 

.map_12 { clear:both; position: absolute; z-index: 12; top: 192px; left: 696px; } 

.map_13 { clear:both; position: absolute; z-index: 13; top: 275px; left: 662px; } 

.map_14 { clear:both; position: absolute; z-index: 14; top: 223px; left: 757px; } 

.map_15 { clear:both; position: absolute; z-index: 15; top: 242px; left: 789px; } 

.map_16 { clear:both; position: absolute; z-index: 16; top: 263px; left: 779px; }

</style>

<!-- 스크립트 -->

<div style="clear:both; position: relative; z-index: 1; top: -35px; left: 25; ">


<a href='/index.php?mid=board_IbCU47&category=950' onfocus='this.blur()' onmouseover=mus_on('mus1') onmouseout=mus_off('mus1') onclick=smenu_click('mus1')>

<img src='/map/m061.gif' alt='' border='0' name='mus1' class='map_1' >

</a>


<a href='/index.php?mid=board_IbCU47&category=949' onfocus='this.blur()' onmouseover=mus_on('mus2') onmouseout=mus_off('mus2') onclick=smenu_click('mus2')>

<img src='/map/m063.gif' alt='' border='0' name='mus2' class='map_2' ></a>


<a href='/index.php?mid=board_IbCU47&category=954' onfocus='this.blur()' onmouseover=mus_on('mus3') onmouseout=mus_off('mus3') onclick=smenu_click('mus3')>

<img src='/map/m055.gif' alt='' border='0' name='mus3' class='map_3' ></a>


<a href='/index.php?mid=board_IbCU47&category=946' onfocus='this.blur()' onmouseover=mus_on('mus4') onmouseout=mus_off('mus4') onclick=smenu_click('mus4')>

<img src='/map/m033.gif' alt='' border='0' name='mus4' class='map_4' ></a>


<a href='/index.php?mid=board_IbCU47&category=947' onfocus='this.blur()' onmouseover=mus_on('mus5') onmouseout=mus_off('mus5') onclick=smenu_click('mus5')>

<img src='/map/m041.gif' alt='' border='0' name='mus5' class='map_5' ></a>


<a href='/index.php?mid=board_IbCU47&category=945' onfocus='this.blur()' onmouseover=mus_on('mus6') onmouseout=mus_off('mus6') onclick=smenu_click('mus6')>

<img src='/map/m031.gif' alt='' border='0' name='mus6' class='map_6' ></a>


<a href='/index.php?mid=board_IbCU47&category=948' onfocus='this.blur()' onmouseover=mus_on('mus7') onmouseout=mus_off('mus7') onclick=smenu_click('mus7')>

<img src='/map/m043.gif' alt='' border='0' name='mus7' class='map_7' ></a>


<a href='/index.php?mid=board_IbCU47&category=953' onfocus='this.blur()' onmouseover=mus_on('mus8') onmouseout=mus_off('mus8') onclick=smenu_click('mus8')>

<img src='/map/m054.gif' alt='' border='0' name='mus8' class='map_8' ></a>


<a href='/index.php?mid=board_IbCU47&category=958' onfocus='this.blur()' onmouseover=mus_on('mus9') onmouseout=mus_off('mus9') onclick=smenu_click('mus9')>

<img src='/map/m064.gif' alt='' border='0' name='mus9' class='map_9' ></a>


<a href='/index.php?mid=board_IbCU47&category=943' onfocus='this.blur()' onmouseover=mus_on('mus10') onmouseout=mus_off('mus10') onclick=smenu_click('mus10')>

<img src='/map/m02.gif' alt='' border='0' name='mus10' class='map_10' ></a>


<a href='/index.php?mid=board_IbCU47&category=944' onfocus='this.blur()' onmouseover=mus_on('mus11') onmouseout=mus_off('mus11') onclick=smenu_click('mus11')>

<img src='/map/m032.gif' alt='' border='0' name='mus11' class='map_11' ></a>


<a href='/index.php?mid=board_IbCU47&category=951' onfocus='this.blur()' onmouseover=mus_on('mus12') onmouseout=mus_off('mus12') onclick=smenu_click('mus12')>

<img src='/map/m042.gif' alt='' border='0' name='mus12' class='map_12' ></a>


<a href='/index.php?mid=board_IbCU47&category=952' onfocus='this.blur()' onmouseover=mus_on('mus13') onmouseout=mus_off('mus13') onclick=smenu_click('mus13')>

<img src='/map/m062.gif' alt='' border='0' name='mus13' class='map_13' ></a>


<a href='/index.php?mid=board_IbCU47&category=955' onfocus='this.blur()' onmouseover=mus_on('mus14') onmouseout=mus_off('mus14') onclick=smenu_click('mus14')>

<img src='/map/m053.gif' alt='' border='0' name='mus14' class='map_14' ></a>


<a href='/index.php?mid=board_IbCU47&category=956' onfocus='this.blur()' onmouseover=mus_on('mus15') onmouseout=mus_off('mus15') onclick=smenu_click('mus15')>

<img src='/map/m052.gif' alt='' border='0' name='mus15' class='map_15' ></a>


<a href='/index.php?mid=board_IbCU47&category=957' onfocus='this.blur()' onmouseover=mus_on('mus16') onmouseout=mus_off('mus16') onclick=smenu_click('mus16')>

<img src='/map/m051.gif' alt='' border='0' name='mus16' class='map_16' ></a>        


</div>

/*                           -------------------------------------------------------------------------------------------------------- */


이렇게 하니까 아래와 같이 레이아웃이 깨져서 나오네요..


test010101.jpg


귀찮으시겠지만 한번더 문의 드립니다.


위에서 사용한 html에서 style부분은 board.css에 삽입하는 것 까지는 알겠으나


나머지 html 코드는 어느 파일에 삽입해야 아래와 같은 레이아웃을 만들 수 있을까요?


아래와 같이 게시판 목록과 지도를 나란히 두고 싶습니다.



test11111.jpg

조언 부탁드리겠습니다. 


감사합니다.

이 댓글을

XETemplate
  • 2014.01.22
  • 수정: 2014.01.22 12:13:50

해당 이미지 형태로 하시려면 게시판 상단에 코드를 넣어서 해결하기는 어렵습니다.

게시판 내에 삽입을 하셔야 할듯합니다.


수정을 한다면 list.html 13번줄의  <include target="_style.list.html" cond="$module_info->default_style == 'list'" /> 을 아래처럼 해주시면 됩니다.


<table width="100%" border="0" cellpadding="0" cellspacing="0" cond="$module_info->default_style == 'list'" >

<tr>

<td width="580"><include target="_style.list.html" cond="$module_info->default_style == 'list'" /></td>

<td>지도코드 삽입</td>

</tr>

</table>


이렇게 하시고 css의 width값은 삭제하셔야 합니다.

이 댓글을

gyeominater
  • 2014.01.28

감사합니다. 잘해결되었습니다.!

이 댓글을

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 용량 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

에디터 선택

※ 주의 : 페이지가 새로고침됩니다

이 댓글을 삭제하시겠습니까?

이 게시물을 삭제하시겠습니까?

공유하기

번호
제목
작성자
날짜