2012-04-21 20 views
0

私は私のレールアプリにdeviseを実装しました。フラッシュメッセージ/フラッシュ通知がレンダリングされると、それは単にテキストI.Eとしてページに表示されます。セッションの有効期限が切れました。ログインして続行してください。CSSによるカスタマイズのカスタマイズ

これはページ上部のページ上部に表示されます。

私はいくつかのCSSでこれをカスタマイズし、境界線を追加したり、テキストのスタイルを変更したりするのが理想的です。通知のページを更新するのではなく、消えるために。

は、誰もがこれを行っているか、おそらく正しい方向に私を指すことができ

答えて

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; 
} 

他のフラッシュのクラスがあります:.success、.alert、.error。私は忘れてしまったことがあるかもしれません。しかし、それはうまくいけば正しい方向にあなたを取得する必要があります。

は、追加することを忘れないでください:あなたのヘッダーまたはapplication.html.erbへ

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

+0

ありがとうございました。私は欲しいものとして働いていました。貪欲ではありませんが、表示後にdivを閉じるためにxを追加するにはどうすればよいですか?jqueryを探していますか? – Richlewis

+0

うれしい私は助けることができました。私は自分でそれをやっていないが、jQueryは行く方法のように聞こえる。私のJavascriptとJqueryのスキルは非常に不足しているので、私はそれで多くのことを手伝うことができるかどうかはわかりません。たぶんトグル機能がそのトリックを行うことができます。がんばろう! – Anders

関連する問題