اضافات بلوجر والووردبريس

حصريا اضافة رسائل الإخطارات مثل قالب سكويز مجانا 2019 | نسخه دوت كوم

اضافة رسائل الإخطارات مثل قالب سكويز

حصريا اضافة رسائل الإخطارات مثل قالب سكويز

مرحبا بكم في موقع ( نسخه دوت كوم ) سأقدم لكم اليوم اضافة رسائل الإخطارات مثل التي في قالب سكويز ويمكنكم معاينة الإضافة من هنا

اضغط للمعاينه

طريقة تركيب الاضافه تابع الاتي

  • أذهب إلى لوحة التحكم >> القالب >> تحرير HTML .

  • ابحث عن </head> ثم اضف فوقه الكود التالي الخاص بالإيقونات و إذا كان موجود لديك فلا داعي لإضافته مرة أخرى فقط تأكد من وجود هذا الكود .

<link href=’http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css’ rel=’stylesheet’/>
  •  إبحث عن ]]></b:skin> أضف قبله مباشرة الأكواد التاليه ↓

.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#39484d;text-align: center;} .alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d} .alert-message span{font-size:14px!important} .alert-message i{font-size:22px;text-align:left;display:inline-block;position:absolute;right:0;top:0;padding:20px;opacity:0.8;} .alert-message.success{background-color:#00acd6;color:#fff} .alert-message.success a,.alert-message.success span{color:#fff} .alert-message.alert{background-color:#0073b7;color:#fff} .alert-message.alert a,.alert-message.alert span{color:#fff} .alert-message.warning{background-color:#efa666;color:#fff} .alert-message.warning a,.alert-message.warning span{color:#fff} .alert-message.error{background-color:#f56c7e;color:#fff} .alert-message.error a,.alert-message.error span{color:#fff} .alert-message.happy{background-color:#FA8734;color:#fff} .alert-message.happy a,.alert-message.happy span{color:#fff} .alert-message.link a,.alert-message.link span{color:#fff} .alert-message.link{background-color:#F44242;color:#fff} .alert-message.hi a,.alert-message.hi span{color:#fff} .alert-message.hi{background-color:#57DF69;color:#fff} .alert-message:hover {background-image: linear-gradient(110deg, #766D6C 0%, #606364 50%, transparent 50%, transparent 100%);background-size: 200%;background-position: 150% 0;background-repeat: no-repeat;transition: background-position .9s ease, color .15s ease;color: #eee;}

 عندما تنتهي من وضع الاكواد في مكانها الصحيح قم بحفظ القالب .

والان لإستخدام هذه الإضافة يمكنك إنشاء موضوع أو صفحة جديدة وإختيار وضع الكتابة html ووضع الكود التالي

<div class=”alert-message success”> مثال : مرحباً. أنا قالب الإبداع بتصميمي الشبكي، أعرض محتواك بأبهى حلة وأناقة <i class=”fa fa-check-circle”></i> </div> <div class=”alert-message alert”> مثال : مرحباً. أنا قالب الإبداع بتصميمي الشبكي، أعرض محتواك بأبهى حلة وأناقة <i class=”fa fa-info-circle”></i> </div> <div class=”alert-message warning”> مثال : مرحباً. أنا قالب الإبداع بتصميمي الشبكي، أعرض محتواك بأبهى حلة وأناقة <i class=”fa fa-exclamation-triangle”></i> </div> <div class=”alert-message error”> مثال : مرحباً. أنا قالب الإبداع بتصميمي الشبكي، أعرض محتواك بأبهى حلة وأناقة <i class=”fa fa-exclamation-circle”></i> </div> <div class=”alert-message happy”> مثال : مرحباً. أنا قالب الإبداع بتصميمي الشبكي، أعرض محتواك بأبهى حلة وأناقة <i class=”fa fa-bell-o”></i> </div> <div class=”alert-message link”> مثال : مرحباً. أنا قالب الإبداع بتصميمي الشبكي، أعرض محتواك بأبهى حلة وأناقة <i class=”fa fa-link”></i> </div> <div class=”alert-message hi”> مثال : مرحباً. أنا قالب الإبداع بتصميمي الشبكي، أعرض محتواك بأبهى حلة وأناقة <i class=”fa fa-quote-right”></i> </div>

واخيرا مبروك عليك الاضافه ♥

الوسوم
اظهر المزيد

AHMED ADLY

مهتم بكل ما هو جديد في عالم الانترنت وتطوير المواقع وغيرها ..

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

إغلاق
إغلاق