Tag: css

在Ruby on Rails 3中使用Twitter Bootstrap图标作为链接的最佳方式?

使用Twitter Bootstrap提供的图标作为Rails 3中的链接的最佳方法是什么? 目前,我正在使用它像粘贴的代码段,但当我使用平板电脑查看网页时,图标不会显示。 我确信有更好的方法可以将Twitter Bootstrap Icons用作Rails 3上的链接。 mission.id), :method => :post) do %>

rails 3中的控制器特定样式表:inheritance

首先,我是rails的新手。我在rails网站上工作。 它有三个控制器,即application_controller,static_pages_controllers和users_controller 。 除了 static_pages_controllers 之外 ,它们在app / assets / stylesheets /(application.css和users.css.scss)中都有各自的css(scss)文件, 并且还有一个custom.css.scss用于整体布局或公共元素 。我使用了控制器特定的这里提到的样式表 我的问题是: 1)custom.css中的css规则是否适用于所有控制器视图,除了那些我在单独的控制器css中明确定义的视图? 2)如果是,那么我在custom.css.scss和users.css.scss中都定义了一个规则 custom.css.scss – body {background-color:color1;} users.css.scss – body {background-color:color2;} 但是static_pages_controllers和users_controllers中的视图仍然显示背景color2。 我哪里错了? 只有users_controller中的视图必须显示color2,而static_pages_controller必须显示color1。

如何在Rails中创建动态CSS?

使用Rails创建动态CSS的最佳/最有效方法是什么? 我正在网站上开发一个管理区域,我希望用户能够自定义其配置文件的样式(主要是颜色),这也将被保存。 你会在rubss脚本中嵌入css文件吗? 你需要从css更改文件扩展名吗? 谢谢。

更改Rails中的当前选项卡

我在应用程序顶部有一个选项卡列表,我在application.html.erb的一般布局中包含这些选项卡。 它们看起来像这样: “GET”%> 当我点击该页面时,我想将所选标签更改为“当前标签”。 因此,当我单击编辑配置文件并加载编辑配置文件页面时,选项卡应如下所示: “GET”%> 除了将javascript添加到显示的页面之外,有没有办法做到这一点? 或者,如果有尽可能以DRYest方式执行此操作的最佳做​​法。 谢谢

在Rails中清理CSS

我想允许我正在构建的Web应用程序的用户编写自己的CSS以自定义他们的个人资料页面。 但是我知道这种开放存在许多安全风险,即背景:url(’javascript:alert(“得到你的cookie!”+ document.cookies’)。 因此,我正在寻找一种清理CSS的解决方案,同时仍然为我的用户提供尽可能多的CSSfunction。 所以我的问题,如果有人知道一个gem或插件来处理这个? 我已经搜索过我的大脑,所以任何提示都会非常感激!

没有将nil隐式转换为String

目前我正在尝试在Ruby on Rails中设置一个简单的应用程序。 我已经迁移了db,播种了它,现在我遇到了以下错误。 no implicit conversion of nil into String Extracted source (around line #4): 1: 4: ‘screen’ %> 5: ‘print’ %> 6: ‘screen’ %> 似乎资产标签助手不能正常工作或返回零(如果可能的话)?

使用SASS和用户指定的颜色

我正在使用Rails 3构建一个网站,让用户拥有不同布局和配色方案的配置文件。 我已经在使用SASS,如果我可以做这样的事情,变量将是非常宝贵的…… …颜色方案定义主要(完全?)SASS变量指定要在布局中使用的颜色。 显然我不能像这样链接SASS或CSS文件,我需要将它们导入SASS。 如何在请求时动态地将SASS文件导入解析器,然后缓存生成的CSS文件以供以后使用? 我已经考虑过在部署中构建所有可能组合的丑陋路线,但如果我想让用户在未来设置自己的颜色,那仍然会让我感到不安。 看起来像SASS这样的低调水果,它可能也可以实施。

如何使用Rails中的css和图像创建电子邮件?

如何从Rails应用程序创建和发送包含图像和正确格式的电子邮件? 就像你从facebook那里得到的那样。

让application.css覆盖bootstrap

我正在尝试自定义我的rails应用程序导航栏并将css添加到application.css。 我知道application.css正在被正确引用,因为应用程序正在从中获取其他样式。 但导航栏css试图覆盖bootstrap.css中已有的内容,而应用程序无法识别它… application.html.erb(布局) “all” %> application.css body { padding-top: 20px; padding-bottom: 60px; } /* Custom container */ .container { margin: 0 auto; max-width: 1000px; } .container > hr { margin: 0px 0; } /* Main marketing message and sign up button */ .jumbotron { margin: 20px 0; text-align: center; } .jumbotron h1 { font-size: […]

特定于页面的CSS与Rails应用程序

我想为我的Rails应用程序测试两个不同的接口。 理想情况下,我想要两个单独的css文件,一个与每个接口相关联(例如,new_interface.css和old_interface.css)。 我目前有两个不同的接口部分,一个叫_new_interface.html.erb,一个叫_old_interface.html.erb。 如果我想在加载特定视图时调用正确的css文件,我该怎么做? 例如,如果我加载_new_interface.html.erb,我希望它加载new_interface.css文件并忽略old_interface.css文件。 我的application.css: /* *= require_tree */