السلام عليكم ورحمة الله تعالى وبركاته
أسقد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم مجددا على مدونتكم العربي ويب
اليوم سوف نشرح لكم طريقة تركيب أزرار المعاينة والتحميل بشكل أنيق وإحترافي (الجزء الأول) 2017
خطوات تركيب أزرار العاينة والتحميل
3 - إبحث عن الوسم التالي بالضغط على Ctrl + F
]]></b:skin>
4 - ثم أضف الكود التالي أعلاه (فوق)
/* Widget by : http://el3arabi-web.blogspot.com */
================== ==================
.btn-btn2{display:table;margin:0 auto}
#wrap{margin:20px auto;text-align:center}
a.btn{display:inline-block;position:relative;text-decoration:none;font-weight:100;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#ff5722;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;border:1px solid #ff5722;line-height:25px}
a.btn:hover{background:rgb(236, 154, 128);color:#fff;box-shadow:inset 0 -50px 0 #ff5722}
a.btn::before{color:#ff5722;display:-webkit-inline-box;content:"\f06e";font-family:fontawesome;margin:0 0 0 5px}
a.btn:hover::before{color:#fff}
a.btn2{display:inline-block;position:relative;text-decoration:none;font-weight:500;background:#ff5722;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #ff5722;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;line-height:25px}
a.btn2:hover{background:#cc4014;color:#fff;box-shadow:inset 0 -50px 0 #2a4057}
a.btn2::before{color:#FFFFFF;display:-webkit-inline-box;content:"\f090";font-family:fontawesome;margin:0 0 0 5px}
5 - إضغط حفظ المظهر
الآن عندما تقوم بكتابة موضوع وتريد إضافة أزرار المعاينة والتحميل إضغط على تبويب HTML
وأضف الكود التالي في المكان المناسب
<a class="btn" href="#" rel="nofollow" target="_blank">للمعاينة</a>
<a class="btn2" href="#" rel="nofollow" target="_blank">للتحميل</a>
لا تنسى إستبدال # بالروابط الخاصة بك
تم بحمد الله ...
أي أسئلة أو إستفسار حول الموضوع لا تتردد في طرحها
باب التعليقات مفتوح للجميع
باب التعليقات مفتوح للجميع
إرسال تعليق