웹마스터 팁

  2. Support
  3. 웹마스터 팁

본문의 서명과 프로필이미지를 끌어올려보자

2008.07.22 21:23

CL님

08072203.jpg

서명을 길게 쓰면 짤리지만 ㅠㅠ; 서명높이제한을 45px정도로 해두시고 회원분들께 서명은 세 줄 이내로 해달라고 부탁드리면 얼추 해결될 듯 하네요.
(프로필 이미지 100*100 기준입니다! 이 부분은 이미지 세로 사이즈에 따라 조절해주세요 ^^;)
저야 뭐 홈페이지가 워낙 소규모에 회원분들 서명 봐도 한두줄로 끝나는 정도라 저렇게 잘 쓰고 있습니다 ^_^;

수정하실 파일은 다음의 두개입니다. (1.0.5 버전 기준!)

/modules/board/skins/xe_board/view_document.html
/modules/board/skins/xe_board/css/common.css

먼저 view_document.html

일단 105~116번째 줄의 서명 / 프로필 이미지 출력을 지웁니다.....라지만
이건 선택사항입니다. 본문 하단에도 서명과 프로필 이미지를 남겨두고 싶다면 지우지 않으셔도 됩니다 :)

다음은 일단 8번째 줄에 프로필 이미지 소스를 추가하고, userinfo라고 이름붙여진 div도 서명 소스를 추가한 후 title 안에 구겨넣읍시다.

                <div class="title">
                    <h4><a href="{$oDocument->getPermanentUrl()}">{$oDocument->getTitle()}</a></h4>
                </div>

                <!--@if($module_info->display_author!='N')-->
                <div class="userInfo">
                    <!--@if(!$oDocument->getMemberSrl())-->
                        <div class="author">
                        <!--@if($oDocument->is.xistsHomepage())-->
                            <a href="{$oDocument->getHomepageUrl()}" onclick="window.open(this.href);return false;">{$oDocument->getNickName()}</a>
                        <!--@else-->
                            {$oDocument->getNickName()}
                        <!--@end-->
                        </div>
                    <!--@else-->
                        <div class="author"><span class="member_{$oDocument->get('member_srl')}">{$oDocument->getNickName()}</span></div>
                    <!--@end-->
                </div>
                <!--@end-->

이게 본 소스고(7~25번째 줄), 수정한 소스는 아래입니다. (7~30번째 줄이 되네요)

                <div class="title">
                    <!--@if($oDocument->getProfileImage())-->
                        <div class="profile"><img src="{$oDocument->getProfileImage()}" alt="profile" /></div>
                    <!--@end-->
                    <h4><a href="{$oDocument->getPermanentUrl()}">{$oDocument->getTitle()}</a></h4>
                   
                <!--@if($module_info->display_author!='N')-->
                <div class="userInfo">
                    <!--@if(!$oDocument->getMemberSrl())-->
                        <div class="author">
                        <!--@if($oDocument->is.xistsHomepage())-->
                            <a href="{$oDocument->getHomepageUrl()}" onclick="window.open(this.href);return false;">{$oDocument->getNickName()}</a>
                        <!--@else-->
                            {$oDocument->getNickName()}
                        <!--@end-->
                        </div>
                    <!--@else-->
                        <div class="author"><span class="member_{$oDocument->get('member_srl')}">{$oDocument->getNickName()}</span></div>
                    <!--@end-->
                    <!--@if($oDocument->getSignature())-->
                        <div class="signature">{$oDocument->getSignature()}</div>
                    <!--@end-->
                </div>
                <!--@end-->

※소스 중간에 굵은 부분은 점(.)을 E로 고쳐야합니다 ^^; s.Ex가 금지단어라고 등록이 안되더라구요..

구질구질 설명 달아뒀지만 그냥 이대로 복사 붙여넣기 하는게 빠르십니다 ㅠ.ㅠ;
소스 뜯어보려고 하지말아주세요, 짜집기 한 것 뿐이라 부끄럽습니다 ㅠ.ㅠ

다음은 css파일을 건드려봅시다!

52번째 줄 : .boardRead .titleAndUser .title { float:left; margin:10px 0 5px 0; }
→ .boardRead .titleAndUser .title { margin:10px 0 5px 0; }

57번째 줄 : .boardRead .titleAndUser .userInfo { float:right; white-space:nowrap; margin-top:11px; }
→ .boardRead .titleAndUser .userInfo { white-space:nowrap; margin-top:11px; }

적당한 줄에 다음을 추가
.boardRead .titleAndUser .userInfo .signature { margin-top:5px; font-size:.9em; color:#666666; }
.title .profile { float:left; margin-right:20px; }



에이.. 귀찮네요.
이도 저도 뭔지 모르겠다 싶으신 분들은 첨부파일 받아서 그대로 덮어쓰시길 ^_^;

경로는 실수하지 마시구요!
/modules/board/skins/xe_board/view_document.html
/modules/board/skins/xe_board/css/common.css
이 게시물을
Profile
http://www.twinklebox.net
6살먹은 프린세스메이커 팬사이트
좋아요(+3)
목록
제목 글쓴이 날짜
위지웍 에디터를 오페라 브라우져에서는 사용 안하기 라르게덴 2008.07.02
[팁]페이지별 댓글 출력 초간단 팁.. [4] 키티나 2008.07.04
1차 메뉴에서 하위 메뉴 없을때 생기는 여백 없애는 방법 [7] 제로시오 2008.07.04
메뉴에 이미지 버튼 사용하기 팁이요~ 이미지첨부! [3] file Zzini.net 2008.07.05
list게시판 목록 제목 줄바꿈 안하기 [4] 팔공산 2008.07.05
폼메일 응용해서 쓰세요... [6] file 코리아프럼 2008.07.08
1.04 엡데이트후 재설치등으로 로그인안될때 해결법 [5] 좀비이 2008.07.08
다른 브라우저에서 내 사이트가 어떻게 보이나 확인하자~ [3] 비나무 2008.07.10
최근게시물에 권한주어서 회원만 내용물보게하기 [1] 팔공산 2008.07.11
댓글 입력창에 배경 이미지 삽입하는 방법 [4] 팔공산 2008.07.11
조건별로 스킨 바꾸기 file 라르게덴 2008.07.11
업그레이드 쉽고,안전하게 하기(예제 포함해서 다시 올림) [2] file wannabewize 2008.07.13
초보 헤메다가 팁//인쇄영역 확장변수 포함 [8] file 리히토 2008.07.14
자료 첨부 문제 단풍534 2008.07.15
winxp IE7 rwapm에서 한글이름파일 업로드 [7] file 공수래 2008.07.15
게시판(블로그)상단에 글쓰기버턴이나 링크넣기 [8] file 팔공산 2008.07.20
관리자만 ip 보이게 하기 [10] 老姜君 2008.07.20
로그인이 안되는 문제 [1] 젝망치 2008.07.21
로컬 설치 후 몇가지 문제점에 대해서 - 인덱싱. DB선택 등 서정일643 2008.07.22
본문의 서명과 프로필이미지를 끌어올려보자 [11] file CL님 2008.07.22
태그 쓰기