질문/조언팁/리소스 공유

hit.png

 

 

 

best.png

 

 

 

인기글과 베스트글을 현재 추천수기준으로 얼마만큼 달성했는지 보여주는 것입니다.

 

 

 

 

 

게시판 보드의 _raed.html 파일  같은 곳에 아래 소스를 넣습니다.

 

<dl class="votepercent" cond="$oDocument->get('voted_count') && !isCrawler()">
<[email protected]($oDocument->get('voted_count') >= 1 && $oDocument->get('voted_count') <= 10)-->
{@ $vote_percentage = ($oDocument->get('voted_count') / 10) * 100; }
<dt style="text-align:left;margin-top:15px;">인기글을 향해</dt>
<[email protected] if($oDocument->get('voted_count') >= 11)-->
{@ $vote_percentage = ($oDocument->get('voted_count') / 16) * 100; }
<dt style="text-align:left;margin-top:15px;">베스트를 향해</dt>
<[email protected]>
<dd class="graph"><img src="img/<[email protected] ($oDocument->get('voted_count') >= 11 )-->005<[email protected]>002<[email protected]>_linePoint.gif" width="1" height="5" alt="{$vote_percentage}%" <[email protected]($vote_percentage >100)-->style="width:100%"<[email protected]>style="width:{$vote_percentage}%"<[email protected]> /></dd>
<[email protected]($oDocument->get('voted_count') == 10)-->
<dd class="percentage">인기!</dd>
<[email protected] if($oDocument->get('voted_count') >= 16)-->
<dd class="percentage">베스트!</dd>
<[email protected]>
<dd class="percentage">{$vote_percentage}%</dd>
<[email protected]>
</dl>

 

 

크롤러는 접근 금지 한 것과 저희 사이트 기준의 인기글,베스트글 숫자는 사이트 상황에 맞게 수정하시면 됩니다.

 

코드를 잘 보시면  추천수가 있어야 출력이 됩니다. 즉, 추천이 없으면 나오지 않아요.

그리고 추천수 1개 ~10개 까지는 10개 추천에 대한 달성율이 몇 % 인지 표시해 줍니다.

 

그리고 추천수가 11개가 되면 다시 16개인 베스트글의 달성율이 표시됩니다.

 

 

 

 

보드스킨의 css 파일의 적당한 곳에

 

.votepercent{ margin:0 auto; width:320px;}
.votepercent dt{ font-size:12px;font-weight:bold;}
.votepercent dd{ margin:0;}
.votepercent dd.graph{ height:5px; overflow:hidden; background:#e5e5e5; font-size:0; line-height:0;margin-bottom: 2px;}
.votepercent dd.graph img{ width:0%; float:left;}
.votepercent dd.point{ font-size:10px;float:left; color:#888;}
.votepercent dd.percentage{ font-size:10px; font-family:Tahoma; float:right; color:#888;}
.votepercent dt{ color:#333;}

 

를 추가해 줍니다. 이도한 사이트에 맞게 적절히....

 

https://www.xpressengine.com/index.php?mid=download&package_id=19071245

 

위 자료의 디자인을 그대로 차용한 것입니다.

 

그리고 위 자료에 사용된 이미지 중 사용된 이미지를 보드스킨의 이미지 경로에 업로드 해줍니다.

저희는 002_linePoint.gif,005_linePoint.gif 두가지 이름으로 해서 업로드해서 사용했네요.

 

 

 

 

  • profile
    감솨합니당~~~!!!
  • profile
    웹지기님 이미지를 보드스킨의 이미지 경로로 업로드 해주라는걸 이해 못하겠어요.. 이미지는 다운로드 받아 놨습니다.
  • profile
    아 이미지 폴더에 파일 이름 똑같이 해서 넣어주라는 말씀이시군요
  • profile profile

    코드에 기록된 경로에 맞게 해야 하니 보드스킨마다 경로가 다를경우 코드에서도 경로를 맞춰주셔야 하구요. 거기에 업로드 해주셔야 해요.

     

    <img src="img/

     

    저는 보드스킨의 이미지폴더가 img 로 되어 있어 코드에 그렇게 작성했습니다.

  • profile profile
    ㅠㅠ 이미지를 image에 올려놨는데 이미지를 못불러오는것 같아요 css에서 경로를 맞춰야 되는건 어떻게 해야하죠...
  • profile profile
    코드에도 image/ 로 바꾸셨나요?
  • profile profile
    네 바꾸니 동작 됩니다.
  • profile
    이기능 정말 탐나더라구요 너무 감사드립니다. 웹지기님^^
  • ?
    좋은기능 감사합니다! 근데이게 양날의 검이 될수있겠네요 ㅋㅋ 디씨같은곳은 개념글가려고 별짓을 다하는걸 본적이 많기때문에 개념글 기준을 명확하게 명시하지 않고있거든요
  • profile
    좋은 기능들을 잘 정리해주시는 것 같습니다 ㅎㅎ
  • ?
    애드온으로 파시면 돈 버실 것 같습니다:)
  • profile
    진짜 잘 활용하고 있습니다. 아이디어 뱅크세요 ㅋ
  • ?
    대박 기능이내요
  • profile
    멋지네요~
  • profile profile

    혹시 저희가 사용하는 레이아웃 만들어주신 그 빽짱구님은 아니시겠죠.... ㄷㄷㄷ

  • profile profile
    네 맞습니다^^
  • profile profile
    왁!!!!! 대단한분을 이렇게 여기서 만나다니..
    제가 건방지게 조금 넓이 등을 고쳐서 쓰고 있긴하지만 5년 넘게 아주 잘 쓰고 있습니다.
    다른 레이아웃으로 바꿀 맘이 안생깁니다 ㅋㅋ
  • profile profile
    부끄럽습니다. 필요한 애드온이 생겨서 들어와봤는데 포인트 모으기가 쉽지 않네요^^;
  • profile profile
    그럼 빨리 자유게시판으로 달려가세요! 당장 나우! ㅋ

서버에 요청 중입니다. 잠시만 기다려 주십시오...