اليوم سوف نتعرف على كيفية إضافة تأثير على نص معين تريد زخرفته ويظهر بشكل أنيق بتقنية CSS3 في بعض الأمور نحتاج إلى إظهار عنوان تدوينة أو مشاركة بشكل أنيق نضيف إليه لمسة جمالية لذا أرتئينا أن نضع لكم هذه التدوينة لكي تستخدموا هذه الأكواد في مشاركاتكم .
- طريقة التركيب :
1- أختر لوحة التحكم >> قالب >> تحرير قالب .
2- إبحث عن هذا الوسم : <head>
3- أضف الكود التالي تحته :
<link href='https://googledrive.com/host/0BxFbqjck0GDdVkdhM1Y3S3pVeUU' rel='stylesheet'/>
5- أضف فوقه هذالكود ثم إحفظ القالب :
#MBB-Emboss-Background {
background: #333333;
}
#MBB-Emboss {
text-align: center;
text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
color: #424242;
opacity: 0.4;
font: 700 80px GESSTwoLight;'Bitter';
margin: 0 0 15px;
}
- طريقة أستخدام التأثير :
1- أضف الكود التالي في حالة " HTML " وليس في حالة التأليف كما بالصورة التالية :
الكود
<div id="MBB-Emboss-Background">
<div id="MBB-Emboss">
أضف النص الذي تريد إظهاره هنا
</div>
</div>
0 Comments:
إرسال تعليق