اضافة ازرار التحميل والمعاينة بشكل احترافي

الثلاثاء، 14 يناير 2020

الرئيسية اضافات بلوجر اضافة ازرار التحميل والمعاينة بشكل احترافي

اضافة ازرار التحميل والمعاينة بشكل احترافي

اضافة ازرار التحميل والمعاينة بشكل احترافي

الاضافة اليوم هي اضافة ازرار التحميل والمعاينة بشكل جديد ومتميز, الوانها مميزة جدا وهي متناسبة مع جميع الشاشات ,ويمكن التعديل على الالوان من المظهر.

طريقة تركيب الاضافة

1 - اضغط على المظهر .

2 - اضغط على تحرير HTML .
3 - إبحث عن الوسم التالي باستخدام الكيبورد CTRL + F
***

4- اضف هذا الكود فوقه

#wrap {
    margin: 20px auto;
    text-align: center;
}

.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.btn-slide2 {
    border: 2px solid #efa666;
}

.btn-slide:hover {
    background-color: #0099cc;
}

.btn-slide2:hover {
    background-color: #efa666;
}

.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.btn-slide2:hover span.circle2 {
    color: #efa666;
}

.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-slide2 span.circle2 {
    background-color: #efa666;
}

.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}

اترك تعليقا لتحفزني على زيادة المنشورات و ستكون سببا لنجاحي و شكرا

الوسوم: اضافات بلوجر

احدث المقالات

المشاركات الشائعة

التسميات

ويندوز

التعليقات

اضافات بلوجر

التصنيفات

أخبار عاجلة

الثلاثاء، 14 يناير 2020

اضافة ازرار التحميل والمعاينة بشكل احترافي

طريقة تركيب الاضافة

الوجوه التعبيرية:

ليست هناك تعليقات:

إرسال تعليق

ويندوز

قوالب بلوجر اجنبية

أخر المقالات

الأكثر زيارة

التعليقات

المشاركات الشائعة

التصنيفات

التسميات

نموذج الاتصال

أحدث المقالات

المشاركات الشائعة

قوالب اجنبية

التسميات

عنا

تسجيل الدخول

احدث المقالات

المشاركات الشائعة

التسميات

ويندوز

التعليقات

اضافات بلوجر

التصنيفات

أخبار عاجلة

الثلاثاء، 14 يناير 2020

اضافة ازرار التحميل والمعاينة بشكل احترافي

طريقة تركيب الاضافة

الوجوه التعبيرية:

مقالات ذات صلة

ليست هناك تعليقات:

إرسال تعليق

عداد مواقع التواصل الإجتماعي

ويندوز

قوالب بلوجر اجنبية

أخر المقالات

الأكثر زيارة

التعليقات

المشاركات الشائعة

التصنيفات

التسميات

نموذج الاتصال

أحدث المقالات

المشاركات الشائعة

قوالب اجنبية

التسميات

عنا