اضافة ازرار التحميل والمعاينة بشكل احترافي
الاضافة اليوم هي اضافة ازرار التحميل الومعاينة بشكل جديد لم ينشر علي الانرنت سابقا والاضافة الوانها مميزة جدا وهي متناسبة مع جميع الشاشات
طريقة تركيب الاضافة
- توجه الي مدونتك
- ثم قم باختيار قالب ثمتحريرHTML
- ثم قم بالبحث عن الوسم ]]></b:skin>
- ثم قم باضافة هذه الاكواد فوقه
#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: #0B6EAB; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; border: 1px solid #0B6EAB; } a.btn:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn::before { color: #0B6EAB; 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: 100; background: #dd2f2f; 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.btn2:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn2::before { color: #FFFFFF; display: -webkit-inline-box; content: "\f090"; font-family: fontawesome; margin: 0 0 0 5px; }
- كود زر المعاينة
0 تعليق على موضوع : اضافة ازرار التحميل والمعاينة بشكل احترافي
الأبتساماتأخفاء الأبتسامات