أزرار مدونة بلوجر إحترافية

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

الإضافات التي أقدم لكم, يمكنكم تغيير لونها والشكل كما تحبون.

التركيب؟

1-حرر HTML
2-إبحث عن وسم الإغلاق SKIN
3-ألصق الكود التالي فوقه مباشرة وأحفظ المظهر

#wrap {margin:20px auto;text-align:center;} a.btn {display:inline-block;position:relative;font-family: Electrolize,ge_dinar_tworegular;text-decoration:none;font-weight:100;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;} a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;} a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;} a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;} a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}

4-توجه نحو المشاركة المراد وضع فيها الزر
5-ألصق الكود التالي في المكان الذي تريد أن يظهر

<div id="wrap"> <a class="btn" href="lien01">تحميل</a></div> <div id="wrap"> <a class="btn warn" href="lien02">معاينة</a></div>

ملاحظة:

1. يمكنك التحكم بوضع زر واحد أو أكثر
2. الروابط في lien01 أو lien02

شاهد الفيديو

#صف

*

أزرار 2

*

450KB

*

-

*

غوغل دريف