JavaScriptを管理画面に追加
<script type="text/javascript"> jQuery(document).ready(function ($) { $("#message").fadeIn().queue(function() { setTimeout(function(){$("#message").dequeue(); }, 10000); }); $("#message").fadeOut(); }); </script>
CSSでスタイルを変更
上付きになるようにして、×ボタンは非表示にしています。
#message { height: 0; left: 0; margin: 0; padding: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 1002; border:none; background: none; } #message p { border-radius: 0 0 3px 3px; display: inline-block; font-size: 12px; margin: 0; padding: 8px 18px; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } #message .notice-dismiss { display: none; }