EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

طريقة جديدة لإضافة رسائل إدارية او رسالة ترحيبية

السلام عليكم
إخواني الكرام كيف حالكم
اليوم بإذن الله سأطرح لكم طريقة جديدة لإظافة رسائل إدارية او رسالة ترحيبية أو اي شيئ تحب
طريقة بسيطة وغير مزعجة تحتفي بعد مرور مدة قصيرة يمكنك تغيير لونها وحجمها
صورة من الإضافة

طريقة جديدة لإضافة رسائل إدارية او رسالة ترحيبية

يمكنك كتابة رسالة ترحيبية أو رسال إدارية الإختيار راجع إليك
لتركيب الإضافة قم بإضافة أداة جديدة ثم ضع فيها هذا الكود

<style>
#BloggerSpice {
left: 10px;
top: 10px;
width: 320px;
height: auto;
overflow: hidden;
background:#01B1D3;
border-radius: 10px;
border: 10px solid #111111;
z-index: 999999;
position: fixed;
-webkit-animation: fadeOutnotif 15s linear forwards;
-moz-animation: fadeOutnotif 15s linear forwards;
-o-animation: fadeOutnotif 15s linear forwards;
-ms-animation: fadeOutnotif 15s linear forwards;
animation: fadeOutnotif 15s linear forwards;
}
#BloggerSpice a {
display:block;
text-decoration:none;}
#BloggerSpice span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: right;
float: right;
}
#BloggerSpice span h2 {
font-size: 20px tahoma;
line-height: 21px;
color: #fff;
font-weight: normal;
letter-spacing: 0px;
}
/*widget by  www.bloggerspice.com   */
@-webkit-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -webkit-transform: translateY(0px);}
99% { opacity: 0; -webkit-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-moz-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-o-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-ms-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
</style>
<div id='BloggerSpice'>
<span>
<center><h2><b>*رسالة إدارية*</b></h2></center>
<div style="text-align: justify;"><span style='color: #FEF2BF;'>السلام عليكم إخواني الكرام اتمنى منكم مساندة المدونة بعمل غعجاب لصفحة الفيس بوك الخاصة بالمدونة ولا تنسو مشاركة المواضيع مع أصدقائكم وشكرا</span></div>
</span>
</div>

هذه هي القيم التي يمكنك التعديل عليها لتغيير حجم او مكان الإضافة
eft: 10px;
top: 10px;
width: 320px;
غير المحتوى بما يناسبك وتكون قد إنتهيت
هذا كل شيئ أتمنى أن تعجبكم الإضافة بالتوفيق للجميع ودمتم في رعاية الله وحفظه

هناك تعليقان (2):

  1. شكرا جدا الاضافه تعمل و ارجوا ان تقبلوني من ضن اعضاء الموقع

    ردحذف
    الردود
    1. العفو اخي ومرحبا بك في المدونة

      حذف

التالي السابق الرئيسية