العودة   منتديات عميد التعريب > >

الملاحظات

تطوير و صيانة المواقع تطوير و صيانة المدونات و المنتديات و المواقع و السيو search SEO و مشاكل البحث و نشر الروابط في جوجل Google و محركات البحث الأخرى



إضافة رد
 
أدوات الموضوع انواع عرض الموضوع

قديم 2017-09-02, 04:01 PM   رقم المشاركة :1
معلومات العضو
عميد
إضافة  تنبيه احترافي ومتحرك الى مدونة بلوجر
إحصائية العضو




معدل تقييم المستوى: 10
جاد الله سعيد is on a distinguished road
المنتدى : تطوير و صيانة المواقع
إضافة تنبيه احترافي ومتحرك الى مدونة بلوجر


منتديات عميد التعريب - المصدر الأول لتعريب البرامج و التطبيقات للعالم العربي

<div dir="rtl" style="text-align: right;" trbidi="on">


أهلا بكم متابعي نكهة التقنية الأعزاء, في هذا الموضوع الجديد على قسم اضافات بلوجر سنقدم لكم اضافة حصرية وهي آداة تنبيه منبثقة بزر متحرك باحترافية ولأول مرة وفقط على مدونتنا, الاضافة ستفيدك في عدة اشياء, فيمكن ان تقوم بكتابة اشعارات او ملاحظات على هذه الاداة فبمجرد الضفط على ايقونة الاشعارات تنبثق لك رسالة, هذه الارسالة تكون موجهة الى زوار الموضوع والتي تسهل على صاحبها بالتواصل مع المتابعين وتوجيه رسائل لهم. الاضافة حقا رائعة ومذهلة, يمكنكم معاينتها من خلال زر المعاينة اسفله.
معاينة



معاينةشرح طريقة التركيب

أولا نقوم بالبحث عن الوسم ثم نضع أسفله الكود التالي
ثانيا, قم بالبحث عن الوسم ]]> وضع فوقه الاكواد الخاصة بالستايل أي اكواد css
/* by nak1ha.com *
#notif-wrapper{position:fixed;width:100%;z-index:999}
.blanternotif{background:#d32f2f;color:#FFF;width:50px;height:50px;border-radius:100%;position:fixed;z-index:999;bottom:45%;left:20px;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notifklik;animation-duration:5s;animation-iteration-count:infinite;animation-name:notifklik;transition:all 5s ease-in-out}
.blanternotif i{color:#FFF;font-size:25px;margin:11px 12px 10px 13px;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notificon;animation-duration:2s;animation-iteration-count:infinite;animation-name:notificon;transition:all 2s ease-in-out}
@keyframes notifklik{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes notificon{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}100%{transform:rotate(-30deg)}}
@keyframes notifbox{0%{transform:rotateZ(-45deg);visibility:visible;opacity:0;bottom:68%;left:78px}100%{transform:none;visibility:visible;opacity:1;bottom:41 %;left:110px}}
.notifbox{padding:20px;border-radius:3px;position:fixed;resize:none;line-height:1.5;z-index:999;left:110px;bottom:41%;max-width:30rem;background:#d32f2f;border:1px solid #d32f2f;color:#fff;font-size:13px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.07),0 1px 1px 0 rgba(0,0,0,0.06);display:inline-block;opacity:0;visibility:hidden;transition:.4s ease-in-out}
.notifbox:before{content:"";width:0;height:0;position:absolute;top:-.7px;left:-15px;border-width:8px;border-style:solid;border-color:#d32f2f #d32f2f transparent transparent;display:block}.blanterxE5CD{display:none!important}#notif-wrapper.aktif .blanterxE5CD{display:block!important;animation-name:none!important}#notif-wrapper.aktif .blanterxE7F4{display:none!important}
.notifbox.aktif{-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-webkit-animation-name:notifbox;animation-duration:1s;animation-iteration-count:1;animation-name:notifbox;transition:all 1s ease-in-out;opacity:1;visibility:visible}
@media screen and (max-width:680px){.notifbox:before{display:none}.notifbox{left:0%!important;bottom:0}@keyframes notifbox{0%{left:0!important}100%{left:0!important}}}
<div>ثالثا, ابحث عن الوسم او <span style="color: #6aa84f;"><b>


جاد الله سعيد غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
1px, @keyframes, إضافة, احترافي, الوسم, الى, بلوجر, تنبيه, مدونة, ومتحرك

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة



الساعة الآن 04:58 PM


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, vBulletin Solutions Inc.
Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2019 DragonByte Technologies Ltd.
منتديات عميد التعريب 2010 - 2019