التقني المتميز التقني المتميز

آخر الأخبار

جاري التحميل ...

اضافة رساله تنبيه لمدونات بلوجر بلغة الماتيريال ديزاين

December 21, 2017
الرئيسية > اضافة بلوجر

اضافة جديد لمدونات بلوجر اقدمها لكم اليوم اضافة سوف تكون مناسبه كثيرا للجميع كما فى موضوع اليوم اضافة رساله تنبيه لمدونات بلوجر بلغة الماتيريال ديزاين ، هذا الإضافة من الممكن أنك وجدة منها كثيرا على الأنترنت ولكن اضافة اليوم ما يمميزها أنها تعمل بلغة الماتيريال ديزاين.

اضافة رساله تنبيه لمدونات بلوجر بلغة الماتيريال ديزاين


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

معاينة الإضافة



صورة مصغرة من الإضافة




اضافة رساله تنبيه لمدونات بلوجر بلغة الماتيريال ديزاين


شرح التركيب


أول أبحث عن هذا الوسم]]>ثم وقم بوضع الكود التالى فوقه.

/* Material Design Dialog Box wdbloog.blogspot.com/ */
a.waves-light.close-sf{font-size:14px;color:#fff}
.blanternotif,.matilampu{visibility:hidden;opacity:0}
.blanternotif{background:#fff;position:fixed;padding:25px;top:15%;transition:all .3s ease-in-out;max-width:450px;left:35%;z-index:99;border-radius:4px;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}
.blanternotif button{border:none;position:absolute;margin-top:17px;right:30px;cursor:pointer;background:#e8e8e8;padding-left:7px;outline:0}
a.waves-light.close-sf{background:#3949ab;margin-top:15px;display:inline-block;padding:10px 13px;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);float:right;text-transform:uppercase}
.matilampu{position:fixed;top:0;background:rgba(0,0,0,.59);left:0;right:0;bottom:0;margin:0;z-index:97;transition:all .4s ease-in-out}
.blantertitle{margin-bottom:15px}
.blanternotif.aktif,.matilampu.aktif{visibility:visible;opacity:1}
.blanternotif.aktif{top:20%}
.icx{position:absolute;top:10px;left:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRlrXVlLWua0x9DpPIowrE01RfausbM5bRHGqt16sDDF-SebN9x2U3K9qwoF9VSPtBckIyXA4CRoTgGWeHRm1ur6IXbNRy85Xu2CGy1kvTSQu6VR75IaDQ25lN0dfMoFzYodIyfZZZNPo/s1600/mdclose.png)no-repeat;background-size:15px;margin:10px 8px;width:15px;height:15px}
.notiftext{font-size:14px;line-height:1.5}
a.shownotif {background: #3949ab;margin-top: 15px;display: inline-block;padding: 10px 13px;border-radius: 3px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);float: right;text-transform: uppercase;color: #fff;}
@media screen and (max-width:768px){.blanternotif{left:10%;right:10%}}

الأن أبحث عن الوسمثم قم وضع الكود التالى فوقه


تنبية


هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى

حسنا




الأن ما اخر كود وهو خاص بمكان ظهور الزر الحاصة بالإضافة وسوف يكون عليك وضعه فى المكان الذى تريده فى مدونتك.

  • تنبيه

    • بعد ذلك سوف يكون عليك تغيير العبارات فى الأكواد السابق بما تريده وبعدها قم بحفظ القالب ومبروك عليك الاضافة الجديد فى مدونتك.

    هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .


    المصدر عالم المدون

    شاهد أيضاً

    التعليقات



    جميع الحقوق محفوظة

    التقني المتميز

    2016