Question

我正在努力想出自己的星形图像，它比gem / plugin中提供的图像略小且风格不同，但是Ajaxful_rating没有简单的方法来做到这一点。这是我到目前为止所知道的：

公共文件夹中的stars.png是三个垂直堆叠的25x25像素图块，有序空星，普通星和悬停星。
我假设只要你保持上述限制，你应该没有修改任何其他文件。
但是如果你想将星星的图像尺寸更大或更小呢？
我找到了你可以在样式表/ ajaxful_rating.css中更改高度的位置

.ajaxful评级{ 位置：相对; / *宽度：125px;这是动态设置的* / 身高：25px; 溢出：隐藏; list-style：none; 保证金：0; 填充：0; 背景位置：左上角; }

.ajaxful-rating li {display：inline; } .ajaxful-rating a， .ajaxful-rating span， .ajaxful-rating .show-value { 位置：绝对; 顶部：0; 左：0; text-indent：-1000em; 身高：25px; 行高：25px; 大纲：无; 溢出：隐藏; border：none; }

您只需要将上面显示“25px”的每个地方更改为新星形图的任何高度。这样可以正常工作，但不能正确显示水平部分。有人知道我在哪里设置水平部分吗？（我假设它基于您在ajaxful_rating设置中指定的星数，在某个.rb文件中）

Answer 1

没关系，我很蠢。

在lib / axr / stars_builder.rb中，找到以下内容：

def ratings_tag
  ......
  @css_builder.rule('.ajaxful-rating', :width => (rateable.class.max_stars * 25))
  ....
end

将25更改为新宽度。