代码之家  ›  专栏  ›  技术社区  ›  Kevin

为Ajaxful_Rating Ror插件定制Stars图像

  •  0
  • Kevin  · 技术社区  · 14 年前

    我正试图想出我自己的星型图片,它比gem/plugin中提供的稍微小一些,风格也有所不同,但是Ajaxful_评级并不是一个简单的方法。以下是我到目前为止发现的:

    • public文件夹中的stars.png是三个25x25像素的图块,垂直堆叠,排序为空星、普通星和悬停星。
    • 我假设只要你保持上述限制,你就可以不修改任何其他文件。
    • 但是如果你想把恒星的图像尺寸改大或改小怎么办?
    • 我已经找到可以在样式表/ajaxful.css中更改高度的位置。

      .未满额定值{ 职位:相对; /*宽度:125px;动态设置*/ 高度:25px; 溢出:隐藏; 列表样式:无; 保证金:0; 填料:0; 背景位置:左上; }

      .ajaxful rating li显示:inline; .Ajaxful等级A, .未满额定范围, .未满额定值。显示值{ 位置:绝对; 顶部:0; 左:0; 文本缩进:-1000em; 高度:25px; 线高:25px; 大纲:无; 溢出:隐藏; 边界:无; }

    你只需要把上面写着“25px”的每一个地方改变到你的新恒星图像的高度。这很好,但不能正确显示水平部分。有人知道我会在哪里设置水平部分吗?(我假设它在某个.rb文件中,根据您在Ajaxful评级设置中指定的星数)

    1 回复  |  直到 14 年前
        1
  •  0
  •   Kevin    14 年前

    永远,我是愚蠢的。

    在lib/axr/stars_builder.rb中,找到以下内容:

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

    将25改为新宽度。