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

mardi 14 janvier 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;
}

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

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

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

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

Libellés

ويندوز

التعليقات

اضافات بلوجر

التصنيفات

أخبار عاجلة

mardi 14 janvier 2020

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

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

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

Aucun commentaire:

Enregistrer un commentaire

ويندوز

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

أخر المقالات

الأكثر زيارة

التعليقات

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

التصنيفات

Libellés

Formulaire de contact

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

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

قوالب اجنبية

Libellés

عنا

تسجيل الدخول

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

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

Libellés

ويندوز

التعليقات

اضافات بلوجر

التصنيفات

أخبار عاجلة

mardi 14 janvier 2020

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

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

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

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

Aucun commentaire:

Enregistrer un commentaire

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

ويندوز

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

أخر المقالات

الأكثر زيارة

التعليقات

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

التصنيفات

Libellés

Formulaire de contact

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

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

قوالب اجنبية

Libellés

عنا