로그아웃 링크주소는 {getUrl('act','dispMemberLogout')}

<!--*if($is_logged)-->
로그아웃   (예: <a href="{getUrl('act','dispMemberLogout')}"><img src="로그아웃이미지경로"></a>)
<!--*else-->
로그인      (예: <a href="{getUrl('act','dispMemberLoginForm')}"><img src="로그인이미지경로"></a>)
<!--*end-->
* 표시는 @ 입니다.
이렇게 하면 로그인 했을 때 로그아웃이라는 글이 나오고
로그 아웃 된 상태에서는 로그인 이라는 글이 나옵니다.
물론 앞에 a태그를 사용해서 링크를 걸어주고 ul태그를 사용하면 앞뒤로 li태그도 넣어줘야 겠죠
css에서도 li속성을 display:inline 하거나 따로 div로 감싸서 li를 float:left 잡아주고 div를 원하는 위치에 자리잡게 하면 되겠죠.

로그인 박스의 가로를 수정하는 것을 질문했을 때,
상단의 로그인 메뉴가 따로 있었고
레이아웃의 분위기상 로그인 박스가 그리 어울려 보이지 않았기 때문에(개인적인 생각) 없애는 것이 보기 좋을 것 같다는 생각에 말씀드린것이고,
또 질문이 로그인 박스의 가로를 줄이는 것이었기 때문에
그걸 줄이자면 input 의 width도 줄여야 하고 로그인 박스도 줄여야 하고, 얼마나 줄이느냐에 따라서 로그인 클릭하는 이미지도 줄여야 하고, 또 로그인 후에 나타나는 박스도 줄여야 하고...등등등..... 또 다 줄였다 하더라도 왼쪽의 칸이 201 픽셀인가 그런데 로그인 박스는 그 사이즈 보다 훨씬 적으니 보기에도 어울리지 않을 것이고, 어울리게 만들자면 또 레이아웃에서 왼쪽의 가로 길이를 수정해야하고, 그러면 기존에 넣어뒀던 내용물도 상황에 따라 또 수정해야 하고.......

그래서 이미 로그인이 상단에 있는데 그걸 사용하는게 어떻겠느냐 하는 개인적인 생각이었습니다.
절대 개인적인 생각을 꼭 그래야만 한다고 생각하지는 마시기 바랍니다.

답변이 될지 모르겠네요. 지금 말씀 하신 내용이 로그인 아이디와 비밀번호 입력창을 줄이고 싶은 것인지 아니면 로그인 외부 자체 박스를 줄이실려고 하시는지 모르겠네요. 혹시나 하여 말씀드려봅니다.

본이이 지금 홈피를 준비중인데 로그인 메인박스가 좀 큰것처럼 느껴저서 어떻게 줄여볼려고 생각하다가
로그인 외부출력 소스를 보니까 가로폭을 나타내는 box_width="200" 코드가 있기에 이곳에 숫자를 줄이니까 로그인 아웃박스 가로길이가 줄여지더라구요 한번 소스를 열고 학인해 보세요 나는 그렇게 하여 오늘 가로박스를 줄였습니다.