웹마스터 팁
본문의 서명과 프로필이미지를 끌어올려보자
2008.07.22 21:23
서명을 길게 쓰면 짤리지만 ㅠㅠ; 서명높이제한을 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
http://www.twinklebox.net
6살먹은 프린세스메이커 팬사이트
6살먹은 프린세스메이커 팬사이트
댓글 11
-
gnee
2008.07.22 21:46
-
<!-- 서명 / 프로필 이미지 출력 -->
<!--@if($oDocument->getProfileImage() || $oDocument->getSignature())-->
<div class="memberSignature">
<!--@if($oDocument->getProfileImage())-->
<div class="profile"><img src="{$oDocument->getProfileImage()}" alt="profile" /></div>
<!--@end-->
<!--@if($oDocument->getSignature())-->
<div class="signature">{$oDocument->getSignature()}</div>
<!--@end-->
<div class="clear"></div>
</div>
<!--@end-->
105번째 줄부터 보시면 빨간색이 프로필이미지 출력 부분이고 파란색이 서명 출력 부분입니다.
여기서 빨간 부분만 지우고, 위 소스에서
<!--@if($oDocument->getSignature())-->
<div class="signature">{$oDocument->getSignature()}</div>
<!--@end-->
부분은 빼고 수정하시면 될 것 같네요... 좀 더 고수분들 계시면, 맞는지 확인을 ㅠ.ㅠ; -
gnee
2008.07.22 23:21
빠른 답변 정말 감사해요 ^^
추천할게요! -
토니박스
2008.07.24 01:14
잘 몰라서 그러는대요? 한가지만 여쭐게요
나중에 버전업 1.0.6 이 나온다던지 하면,
영향이 없나요?
업글할때마다, 초보인지라 가슴이조마조마 해서요.;;
추천은 일단 드렸습니다만.;; -
물론 버전업되면서 view_document.html파일이 수정된다면 다시 고쳐야겠지요 ㅠㅠ;
보드 모듈의 어디가 바뀐건지 세세하게 살펴보고 바뀐게 있다면 거기서 다시 이렇게저렇게 수정을 하고, 전혀 바뀐게 없으면 그대로 놔둬도 될거에요.
저도 0.2.9버전부터 바뀌면 바뀌는대로 다시 수정하고 하면서 써왔거든요 ^^; -
푸른솔아
2008.07.24 12:23
감사합니다.
프로필 이미지 사이즈 변경(줄이려면) 어떻게 하나요? -
프로필이미지 사이즈는 관리자페이지의 회원>기본설정에서 하시면 됩니다!
제가 말한 '서명은 높이제한 45px에 세 줄 이내'는 프로필 이미지가 100*100일때 기준이구요.. 더 작다면 서명 들어갈 칸이 더 줄어들겠죠, 아마; -
토니박스
2008.07.24 13:26
적용해보니 참 깔금합니다
감사드립니다..**^
(홈페이지 넘 이뻐요.....
허락없이 댓글 아이콘.;; 슬쩍좀 했습니다.;; ㅎ)
.gif)
-
푸른솔아
2008.07.24 13:29
프로필이미지 사이즈는 관리자페이지의 회원>기본설정에서 하시면 됩니다!
여기서 줄여도 변화가 없습니다. 여기서 줄이는게 아닌가 싶습니다만..... -
먼저 올라와있던거라 그런게 아닐까요? 저도 한번 줄여봤는데 변화가 없고, 새로 올리면 리사이즈가 되네요.
이 부분은 제가 어떻게 할 수 있는 부분이 아닌듯 ㅠㅠ 질문게시판에 한번 올려보세요~ -
토니박스
2008.07.25 05:29
같은 스킨인대.;; 어떤건 되구.;; 어떤건 적용이 안되는경우는 왜그럴까욧?
프로필 이미지/아이디/글 제목만 상단으로 올리고 싶은데 어떻게 해줘야 하나요?;ㅜ