포인트를 화살표 옆에 두는 방법?

권순선의 이미지

지금 현재 포인트 기능은 drupal의 vote up/down 모듈을 사용 중인데 포인트를 주는 부분(화살표)과 실제 포인트(노드 아랫부분)가 서로 다른 위치에 있어 보기에 상당히 불편합니다.

포인트를 화살표 바로 옆에 두려면 어떻게 해야 할까요? css쪽에 지식을 가진 분이 계시면 도움 부탁드립니다... 아래는 포인트 관련한 템플릿 내용입니다.

function _phptemplate_variables($hook, $vars) {
  switch($hook) {
    case 'node':
      $vars['storylink_url'] = check_url($vars['node']->vote_storylink_url);
      if (arg(1) != 'add' && arg(2) != 'edit') {
        $style = variable_get('vote_up_down_widget_style_node', 0) == 1 ? '_alt' : '';
        $vars['vote_up_down_widget'] = theme("vote_up_down_widget$style", $vars['node']->nid, 'node');
        $vars['vote_up_down_points'] = theme("vote_up_down_points$style", $vars['node']->nid, 'node');
      }
      $vars['vote_storylink_via'] = theme('vote_storylink_via', $vars['node']->vote_storylink_url);
      if (arg(1) == 'top') {
        static $count;
        $count = is_array($count) ? $count : array();
        $count[$hook] = is_int($count[$hook]) ? $count[$hook] : 1;
        $vars['seqid'] = $count[$hook]++;
      }
      break;
  }
  return $vars;
}

전체 파일은 http://ftp.osuosl.org/pub/drupal/files/projects/vote_up_down-4.7.x-1.x-dev.tar.gz 에서 구하실 수 있습니다.

File attachments: 
첨부파일 크기
Plain text icon template.txt.php_.txt940바이트
망치의 이미지

떨어져 있는것도 나쁘지 않다고 생각합니다. 가능하다면 포인트 주기전에는 현재 포인트가 안보이는것도 괜찮을것같구요.
다만 화살표때문에 본문이 밀리는건 해결이 됐으면 좋겠네요..

실력이 없어 도움을 못드리는점 죄송합니다. orz..

---------------------------------------
http://www.waitfor.com/
http://www.textmud.com/

shockyhan의 이미지

그 화살표가 인용한 글을 스크롤하는 기능인 줄 알았어요.
그래서 내가 쓴 글에 점수를 주게 됐다는...

기왕이면 포인트 옆쪽에 가는게 좋을것 같습니다.
===========================================================================
Shocky Han
Seoul, Korea.
===========================================================================

===========================================================================
Shocky Han
BIM Consultant, Certified Information Systems Auditor
Seoul, Korea.
===========================================================================

ydhoney의 이미지

계속 아래로 스크롤하셨겠어요.

==
아 씨끄러 씨끄러~ 조용해!!
레드햇 9 이하 사용금지!

1day1의 이미지

잠깐 살펴본 바로는 CSS 만으로는 안될 것 같습니다.

node-storylink.tpl.php 파일의

<?php print $vote_storylink_via ?>
<?php print $vote_up_down_widget ?>

부분을

<?php if ($links): ?>
<div class="links">&raquo; <?php print $links ?></div>
<?php endif; ?>

이 부분 다음이나, div 안에 넣어보면 될 듯 한데.

정확히 x point 문구와 같이 있으려면, 다른 코드도 고쳐야 할 듯 합니다.

지금은

<div class="content"><?php print $content ?></div>

이 안에 넣으신것 같네요.(원래것과 조금 차이가 있는 듯 함)

F/OSS 가 함께하길.. (F/OSS서포터즈 : [[FOSS/Supporters]], [[FOSS/Supporters/Group]]) - 답글 프로젝트 : 왜! 이글에는 답글이 없나요? 덤으로 포인트도!! -

F/OSS 가 함께하길..

imedia의 이미지

저도 이게 포인트를 주는 시스템이라는걸 이해하는데 좀 걸렸습니다.

일단은 글을 다 읽은 다음에 포인트를 주기 마련인데 화살표가 위쪽에 있다는것이 좀 이상합니다.
글을 읽은후에 주려면 본문의 아래쪽에 있어야된다고 생각했거든요.
긴글을 읽은 후에 다시 스크롤을 올려서 일부러 점수를 주실분은 그다지 많지 않으리라 생각합니다.

게다가 그 생김새도 위에분이 말씀 하셧다시피 스크롤 버튼 또는 창크기를 늘리는 버튼쯤으로 생겼습니다.
생김새가 어쩔수 없다면 '포인트 주기'라고 설명을 달아두는것도 좋을듯 싶네요.

snowall의 이미지

화살표 모양을 +1과 -1로 바꾸면 어떨까요

피할 수 있을때 즐겨라! http://melotopia.net/b

1day1의 이미지

이렇게 괜찮을까요? 실제로는 어떨지 모르겠군요.
digg.com 같은 손가락(?)표시도 괜찮을 듯.

.


.

ps. digg 이미지는 이렇군요.

F/OSS 가 함께하길.. (F/OSS서포터즈 : [[FOSS/Supporters]], [[FOSS/Supporters/Group]]) - 답글 프로젝트 : 왜! 이글에는 답글이 없나요? 덤으로 포인트도!! -

F/OSS 가 함께하길..

권순선의 이미지

현재 노드 별로는 다음과 같이 아랫부분에 표시됩니다.

? 보관하기 | 0 points | go back to list | 228번 읽힘

답글 별로는 다음과 같이 아랫부분에 표시됩니다. (아마 일반 사용자분들은 '지우기' 링크는 안 보일 것입니다.)

? 3 points | 지우기 | 편집 | 답글 | go back to list

digg와 비슷한 형태로 이부분에 다음과 같이 추가하여 포인트를 주는 부분과 실제 포인트 결과를 좀더 가깝게 배치하고 글을 읽은 후에 포인트를 매길 수 있도록 하면 좋을 것 같습니다.

노드 별: ? 보관하기 | go back to list | 228번 읽힘 | <+1 포인트를 위한 아이콘> <-1 포인트를 위한 아이콘> | XX points

답글 별: ? 지우기 | 편집 | 답글 | go back to list | <+1 포인트를 위한 아이콘> <-1 포인트를 위한 아이콘> | XX points

이렇게 하기 위해서 아이콘을 무엇으로 선정하느냐와 실제로 이렇게 하기 위해서 어디를 어떻게 고쳐야 하는지가 숙제로 남네요. 혹 도움이나 의견 주실 수 있는 분이 계시면 부탁드립니다....

사랑천사의 이미지

도움은 못 드릴 거 같네요. 도움을 못 드리는데.. 특별한 의견도 없습니다. 그냥 의견을 쓰면 바라는 것만 많은 인간이 될 법 해서요.

그래서 한가지만 적자면.. 아이콘 말이죠.. 지금저거 저한텐 안 보입니다.. 그림으로 하신건진 모르겠지만 정색 말고 색깔 있는 이쁜 걸로 부탁 드려요 ㅎㅎ.
----
Lee Yeosong(이여송 사도요한)
E-Mail: yeosong@gmail.com
MSN: ysnglee2000@hotmail.com
----
웃음... 행복... 평화... (진정한...) 희망... 사랑... 이 세상 모든것이 그렇다면 얼마나 좋을까...(꿈 속의 바램일 뿐인가...)

사람천사

dormael의 이미지

/**
 * Implementation of hook_link().
 */
function knavhelper_link($type, $node = NULL, $teaser = FALSE) {
  $_back = isset($_SESSION['knavhelper_back_uri']) ? $_SESSION['knavhelper_back_uri'] : '';
 
  $_url = parse_url($_back);
 
  $links = array();
 
  if(!$teaser && !empty($_url) && isset($_url) && substr($_url['path'], 1) != '') {
    $links[] = l(t("go back to list"), substr($_url['path'], 1), array(), $_url['query']);
  }
 
  return $links;
}

보시는 것 같이 모듈명_link 라는 hook을 이용하여 go back to list가 처리 됩니다.
아래 나오는 링크들이 이 hook이 정의된 모듈들에서 리턴된 url들을 표시해 주는것 같습니다.
이걸 어떻게 잘 해보면 될것도 같네요.

-- Signature --
青い空大好き。
蒼井ソラもっと好き。
파란 하늘 너무 좋아.
아오이 소라 더좋아.

1day1의 이미지

FF extension 인 grease monkey 로 위치를 바꿔보았습니다. ^^
http://kldp.org/node/77883

F/OSS 가 함께하길.. (F/OSS서포터즈 : [[FOSS/Supporters]], [[FOSS/Supporters/Group]]) - 답글 프로젝트 : 왜! 이글에는 답글이 없나요? 덤으로 포인트도!! -

F/OSS 가 함께하길..

Darkcircle의 이미지

아시는 분들은 다 아시겠지만...
저도 사실 눈 앞이 뿌얘지면... (왜 그러지 -_-;;)

아이콘이 흐리멍텅~ 해집니다. 좀 크게 했으면 좋겠네요 :)
(아... 이까지꺼야... 그림 크기 키우면 되지요..
근데 이거땜에 문단 자리가 좀 많이 뺏기겠군요..)

디자인에 좀 조예가 있으신 분이라면 -_- ...
최대한 포맷을 손상시키지 않는 선에서 화살표 저걸
어디다 놓는게 좋을지 조언좀 해주셨으면 합니다.

제가 말하려고 하려는데... 제가 말한대로 하면
오히려 전체적인 포맷이 왕창 망가질까봐 두렵네요 (~_~);

=============================================
니네 군대에서 멀쩡한 몸으로 18시간 자봤어? ㅋㅋㅋ

---------------------------------------------------------------
폐인이 되자 (/ㅂ/)