اندرويد

آخر الأخبار

اندرويد
اندرويد
جاري التحميل ...
اندرويد

ازرار التحميل بتقنية الماتريال لمدونة بلوجر

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

معاينة:





لتضمين هذه الازرار في مدونتك نقوم بالدخول إلى لوحة تحكم المدونة ثم القالب ثم أنقر على تحرير HTML ثم أضف الكود التالي فوق الرمز ]]> مباشرةً

#wrap{margin:20px auto;text-align:center}
#wrap a{text-decoration:none}
.tombolripple{cursor:pointer!important;overflow:hidden;text-decoration:none;display:inline-block;-webkit-appearance:none;font-size:1.7em;border-radius:4px;color:rgba(255,255,255,0.8);font-weight:400;padding:20px 25px;margin:0 15px;box-shadow:0 2px 2px 1px rgba(0,0,0,0.1);transition:all 0.3s}
.tombolripple:hover,.tombolripple:active{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}
.tombolripple.tsatu{background:#e67e22}
.tombolripple.tdua{background:#3498db}
.tombolripple.tsatu:hover,.tombolripple.tsatu:active{background:#f49541}
.tombolripple.tdua:hover,.tombolripple.tdua:active{background:#4aaff3}
svg{position:absolute;top:0;left:0;width:100%;height:100%}
circle{fill:rgba(255,255,255,0.07)}
.ripple-effect{position:relative;overflow:hidden;-webkit-transform:translatez(0)}
.teffect{display:block;position:absolute;pointer-events:none;border-radius:50%;transform:scale(0);background:#fff;opacity:0.5}
.teffect.animate{animation:ripple-effect 0.5s linear}
@keyframes ripple-effect{100%{opacity:0;transform:scale(2.5)}}
@-webkit-keyframes ripple-effect{100%{opacity:0;transform:scale(2.5)}}

ثم أبحث عن الرمز  وأضف الكود التالي فوقها مباشرةً




الآن لتضمين أي رابط في مشاركاتك فقط من مسودة المشاركات انقر على html ثم ألصق الكود التالي في المكان المطلوب وقم بالتعديل على الرابط.

 : مولاي خالد

بقلم : مولاي خالد

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

التعليقات



ندعوك للاشتراك في المدونة ليصلك الجديد دائما

إتصل بنا

زوار المدونة

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

الجليد

2016