سلام دوست عزیز. کد درخواستی شما آماده شد و میتونید از اون استفاده کنید.
<style>
a.shortc-button.blue{ border: 1px solid #1e638b;background: #00a2ff;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#00a2ff),color-stop(100%,#028edf));background: -webkit-linear-gradient(top,#00a2ff 0,#028edf 100%);background: -moz-linear-gradient(top,#00a2ff 0,#028edf 100%);background: -o-linear-gradient(top,#00a2ff 0,#028edf 100%);background: -ms-linear-gradient(top,#00a2ff 0,#028edf 100%);background: linear-gradient(top,#00a2ff 0,#028edf 100%);}
a.shortc-button.blue:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3cb6fc),color-stop(100%,#31a6ea));background: -webkit-linear-gradient(top,#3cb6fc 0,#31a6ea 100%);background: -moz-linear-gradient(top,#3cb6fc 0,#31a6ea 100%);background: -o-linear-gradient(top,#3cb6fc 0,#31a6ea 100%);background: -ms-linear-gradient(top,#3cb6fc 0,#31a6ea 100%);background: linear-gradient(top,#3cb6fc 0,#31a6ea 100%);}
#notification-area {background: none repeat scroll 0 0 #D7E9F3;border-bottom: 1px solid #86B2C9;left: 0;padding: 10px 5% 0;position: fixed;top: 0;width: 90%;z-index: 9999;font-family:'b yekan';direction:rtl;text-align:right;}
#remove-notice {border: 1px solid rgb(134, 178, 201);color: rgb(51, 51, 51);display: block;float: right;margin: 10px 0 0 10px;padding: 1px 6px;}
</style>
<div id="notification-area" class="blue hidden" style="display:block;">
<a id="remove-notice" class="remove-notice" href="#" onclick="document.getElementById('notification-area').style.display = 'none'">X</a>
<h3>آموزش چسباندن زیرنویس به فیلم</h3>
<p>آموزش چسباندن زیرنویس به فیلم برای تماشا در دستگاه های خانگی به بخش آموزش های زیرنویس اضافه شد.</p>
</div>