웹마스터 팁
게시물 하단에 예쁜 추천,비추천 아이콘 버튼 추가하기~
2010.11.28 01:23
[미리보기]
<style type="text/css"> #btn_vote { margin:0 auto; padding:0; list-style:none; text-align:center; position:relative; display:block; width:130px; height:62px; } #btn_vote li { } #btn_vote .vote_up span, #btn_vote .vote_down span{ font:9pt normal 'dotum'; color:#333; font-weight:bold; text-decoration:none; position:absolute; } #btn_vote .vote_up span { top:38px; left:18px; } #btn_vote .vote_down span { top:38px; left:13px; } #btn_vote .vote_up span:hover, #btn_vote .vote_down span:hover { text-decoration:none; color:white; } #btn_vote .vote_up { float:left; background:url(http://pic9.ohpy.com/up/elbbs/2010/11/27/164473/1307183917/btn_vote.gif) no-repeat left top; width:65px; height:62px; position:relative; display:inline; } #btn_vote .vote_down { float:right; background:url(http://pic9.ohpy.com/up/elbbs/2010/11/27/164473/1307183917/btn_vote.gif) no-repeat right top; width:65px; height:62px; position:relative; display:inline; } </style>
<ul id="btn_vote"> <li class="vote_up"><a href="#" <onclick="javascript:alert('">!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}'">!--@else-->onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}'); return false;"<!--@end--> title="추천합니다" ><span>{$lang->cmd_vote}</span></a></li> <li class="vote_down"><a href="#" <onclick="javascript:alert('">!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<onclick="doCallModuleAction('document','+ 'procDocumentVoteDown','{$document_srl}'">!--@else-->onclick="doCallModuleAction('document','procDocumentVoteDown','{$document_srl}'); return false;"<!--@end--> title="비추천합니다" ><span>{$lang->cmd_vote_down}</span></a></li> </ul>
원하시는 위치에 위 코드 통째로 삽입하시면 됩니다.
저는 {$oDocument->getContent(false)} 아래에 넣었습니다.
Ps. 누가 저 애드온 위치 수정하는 방법좀 알려주세요~
민수님의 애드온을 뜯어보면 php와 xml 파일 밖에 없네요;
댓글 12
-
나르니즘
2010.12.01 23:33
- 088641-yellow-comment-bubbles-icon-business-thumbs-up.png [File Size:12.8KB/Download:105]
- 088639-yellow-comment-bubbles-icon-business-thumbs-down1.png [File Size:13.0KB/Download:88]
- 117062-matte-blue-and-white-square-icon-business-thumbs-down1.png [File Size:33.5KB/Download:249]
- 117064-matte-blue-and-white-square-icon-business-thumbs-up.png [File Size:32.5KB/Download:92]
-
xemall
2010.12.11 16:01
위의 이미지 아래에 글자가 들어가게끔하려고 한다면.
아래와 같이 한글로 되어있는 부분을 원하시는 값으로 채워주시면 됩니다.
<style type="text/css"> #btn_vote { margin:0 auto; padding:0; list-style:none; text-align:center; position:relative; display:block; width:130px; height:62px; } #btn_vote li { width:이미지넓이px; height:이미지높이px; position:relative; display:inline; } #btn_vote .vote_up span, #btn_vote .vote_down span{ font:9pt normal 'dotum'; color:#333; font-weight:bold; text-decoration:none; position:absolute; } #btn_vote .vote_up span { top:높이조정px; left:왼쪽위치조정px; } #btn_vote .vote_down span { top:높이조정px; left:왼쪽위치조정px; } #btn_vote .vote_up span:hover, #btn_vote .vote_down span:hover { text-decoration:none; color:white; } #btn_vote .vote_up { float:left; } #btn_vote .vote_down { float:right; } </style> <ul id="btn_vote"> <li class="vote_up"><a href="#" <onclick="javascript:alert('">!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}'">!--@else-->onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}'); return false;"<!--@end--> title="추천합니다" > <img src="추천하는 이미지 주소" /><span>{$lang->cmd_vote}</span></a></li> <li class="vote_down"><a href="#" <onclick="javascript:alert('">!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<onclick="doCallModuleAction('document','procDocumentVoteDown','{$document_srl}'">!--@else-->onclick="doCallModuleAction('document','procDocumentVoteDown','{$document_srl}'); return false;"<!--@end--> title="비추천합니다" > <img src="비추천하는 이미지 주소" /><span>{$lang->cmd_vote_down}</span></a></li> </ul>
-
나르니즘
2010.12.16 02:29
감사합니다. 문제가 해결되었습니다^^
-
나르니즘
2010.12.11 12:14
<meta charset="utf-8"></meta>pxeboard 의 view_document.html 에서
{$oDocument->getContent(false)}
아래에 코드를 붙여넣었는데 게시판 에러가 나네요.
어떤 다른 문구를 덧붙여야 하는 건가요?
-
xemall
2010.12.11 15:57
수정하신 파일을 첨부해보세요.
-
월잉
2011.01.27 17:46
Parse error: syntax error, unexpected '}' in /home1/rangrang/public_html/xe/classes/template/TemplateHandler.class.php(220) : eval()'d code on line 76
이런 에러가 뜨는데요 ㅠ 어떻게 해야 하나요? -
xemall
2011.02.01 23:07
코드를 잘못붙여서 생긴 오류같습니다.
답변을 원하시면 제발 파일첨부를 해주시길 바랍니다. ㅡㅡ; -
아아악내눈
2011.03.16 15:40
<ul id="btn_vote">
<li class="vote_up"><a href="#"
<!--@if(!$is_logged)-->
onclick="javascript:alert('로그인 후 이용하실 수 있습니다');
return false;"
<!--@else-->
onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}'); return false;"
<!--@end-->
title="추천합니다" ><span>{$lang->cmd_vote}</span></a></li><li class="vote_down"><a href="#"
<!--@if(!$is_logged)-->
onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"
<!--@else-->
onclick="doCallModuleAction('document','procDocumentVoteDown','{$document_srl}'); return false;"
<!--@end-->
title="비추천합니다" ><span>{$lang->cmd_vote_down}</span></a></li>
</ul>
-
가브리엘79
2011.08.05 21:50
Parse error: syntax error, unexpected '}' in/host/home1/lsw1031/html/classes/template/TemplateHandler.class.php(220) : eval()'d code on line 119
이 에러가 발생합니다.,
도와주세요..
첨부파일 올립니다..
102라인에 붙였습니다.
파일 첨부했는데 이상하게 되네영..
view_document.html view_document.zip -
xemall
2011.08.06 09:26
파일 주소가 깨져서 다운로드를 할 수 가 없습니다.
확인해보시고 다시 업로드해주세요. -
가브리엘79
2011.08.06 12:08
ㅠ.ㅠ 이상하게 파일이 계속 깨지는거 같네여..
왜 안올라는지 모르겠어영 ㅠ.ㅠ -
xemall
2011.08.06 20:39
xe_mall 앳 naver.com 으로 보내주세요.
제목 | 글쓴이 | 날짜 |
---|---|---|
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법 [6] | DuRi | 2010.12.17 |
1.4.2.3 에서 1.4.3 이상 버전으로 업그레이드 시 백지화면 해결팁 [4] | 2년후 | 2010.12.15 |
메인화면에 설문조사 위젯(?) 만들기 [3] | 3D매니아 | 2010.12.14 |
[생초보팁] 레이아웃 수정시 HTML 넣는 칸 넓히기 -_- | 에혀라X | 2010.12.12 |
[생초보팁] 웹진최근게시물 요약글 링크걸기 [1] | 에혀라X | 2010.12.12 |
[생초보팁] 페이지(page) 줄간격과 부분 웹폰트 | 에혀라X | 2010.12.11 |
사이트 모니터링 알리미에요...^^ [3] | web | 2010.12.10 |
플래시로 만들어진 글자 타이핑보고 만들었어요. | web | 2010.12.09 |
ftp나 mysql 암호 변경시 일어나는 ''db 접속시 에러' XE | 샷타이거 | 2010.12.08 |
어느게시판이든 모두 적용이 가능한 그림판입니다.^^ [1] | web | 2010.12.07 |
새로운 채팅 서비스 웹톡! [3] | 명랑폐인™ | 2010.12.06 |
[생초보팁] 회원가입시 홈페이지 블로그주소 않나타내기 ㅋ [4] | 에혀라X | 2010.12.05 |
호스팅비 돈아낍시다. 하나의 XE 다중 도메인 사용하기. [10] | kimnada | 2010.12.02 |
[생초보팁] 페이지 내용 줄간격 css | 에혀라X | 2010.11.30 |
최근문서 or 콘텐츠 위젯 공지글 뽑아오기 [8] | Xiso | 2010.11.29 |
게시물 하단에 예쁜 추천,비추천 아이콘 버튼 추가하기~ [12] | xemall | 2010.11.28 |
텍스타일 (Textyle) 에서 첨부파일 용량 제한 늘리는 방법. [1] | sejin7940 | 2010.11.27 |
개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] | 지녁 | 2010.11.25 |
[생초보팁] 서브메뉴 배경이미지 활용하기 [4] | 에혀라X | 2010.11.24 |
앞으로 공용선택자 사용은 그만.... [5] | ForHanbi | 2010.11.23 |
팁 감사합니다.
게시물 본문 바로 아래에 추천/비추천 버튼이 나오는 아이디어가 좋은 것 같아 적용하려하는데요.
올려주신 예제에는 배경사진 안에 추천/비추천 글자가 들어가 있는데 그것과는 달리
별도의 이미지 아래에 추천, 비추천 글자가 나타나고
실제작동은 이미지를 클릭해야 추천수, 비추천수가 올라가도록 하려면 예제를 어떻게 수정해야 할까요?