使用CSS设计自定义

时间:2012-04-21 20:05:20

标签: css ruby-on-rails-3 devise

我已经在我的rails应用程序中实现了设计。当呈现闪光消息/ Flash通知时,它在页面上显示为仅文本I.E.您的会话已过期,请再次登录以继续。

这会显示在页面顶部的页面顶部。

我想做的是用一些CSS自定义这个,添加边框,更改文本样式等,理想情况下我希望通知在顶角用斧头关闭,而不是刷新页面通知消失。

有没有人这样做或者可能指出我正确的方向

所有帮助表示赞赏

1 个答案:

答案 0 :(得分:1)

添加此内容或与CSS文件类似的内容:

.flash {
  text-align: center;
  width: 100%;
  padding: 10px 0 10px 0;
  margin-top: 1em;
  color: #333333;
  border: 1px solid black; 
}

/*
 Flash message styles
*/
.notice {
  background: #fefad9; 
}

其他flash类是:.success,.alert,.error。我可能会忘记更多。但这应该会让你朝着正确的方向前进。

不要忘记添加:

<% flash.each do |key, value| %>
  <%= content_tag(:div, value, :class => "flash #{key}") %>
<% end %> 

到标题或application.html.erb。