ازرار معاينة و تحميل بشكل جديد واحترافي جدا
ازرار معاينة و تحميل بشكل جديد واحترافي جدا |
معاينة الأزرار مباشرة من مدونتى
طريقة اضافة الأزرار الى المدونة
-
- من لوحة التحكم >> قالب >> تحرير HTML
- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
- و اتبع ما يلى
قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)
]]></b:skin>
ومن ثم أضف قبله مباشرة الكود التالى
#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;
}
حمل الكود من هنا ......... تحميل الكود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;
}
بعد اضافة كود الـ CSS ,عند استخدام الأزارا اذهب الو تبويب الـ html كما هو مبين بالشكل و أضف الكود التالى
ومن ثم أضف قبله مباشرة الكود التالى
<div id="wrap">
<a href="#" class="btn-slide" target="_blank">
<span class="circle"><i class="fa fa-rocket">
</i></span> <span class="title">معاينة</span>
<span class="title-hover">اضغط هنا</span>
</a>
<a href="#" class="btn-slide2" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط هنا</span>
</a>
</div>
حمل الكود من هنا ......... تحميل الكود<a href="#" class="btn-slide" target="_blank">
<span class="circle"><i class="fa fa-rocket">
</i></span> <span class="title">معاينة</span>
<span class="title-hover">اضغط هنا</span>
</a>
<a href="#" class="btn-slide2" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط هنا</span>
</a>
</div>
ازرار معاينة و تحميل بشكل جديد واحترافي جدا
Reviewed by Unknown
on
11:58 ص
Rating:
Bursa
ردحذفMersin
izmir
Rize
Antep
HTR
Denizli
ردحذفKonya
Denizli
ısparta
Bayburt
M75L1
elazığ
ردحذفgümüşhane
kilis
siirt
sakarya
NTA55M
elazığ
ردحذفbilecik
kilis
sakarya
yozgat
HDA835
görüntülüshow
ردحذفücretli show
R5R6A
whatsapp goruntulu show
ردحذفshow
ZAM
görüntülü show
ردحذفücretlishow
ZUL
https://titandijital.com.tr/
ردحذفkars parça eşya taşıma
konya parça eşya taşıma
çankırı parça eşya taşıma
yalova parça eşya taşıma
16X4FK
F366C
ردحذفBayburt Şehirler Arası Nakliyat
Antalya Şehirler Arası Nakliyat
İstanbul Şehir İçi Nakliyat
Giresun Şehirler Arası Nakliyat
Düzce Lojistik
Batman Şehir İçi Nakliyat
Sivas Evden Eve Nakliyat
Niğde Lojistik
Bursa Parça Eşya Taşıma
59A86
ردحذفKars Şehir İçi Nakliyat
Ünye Kurtarıcı
Nevşehir Şehir İçi Nakliyat
Vindax Güvenilir mi
Hakkari Parça Eşya Taşıma
Burdur Parça Eşya Taşıma
Muş Evden Eve Nakliyat
Muğla Şehirler Arası Nakliyat
Ordu Şehir İçi Nakliyat
C780D
ردحذفbinance %20 komisyon indirimi
8ECC4
ردحذفBinance Borsası Güvenilir mi
Twitter Takipçi Hilesi
Onlyfans Takipçi Hilesi
Onlyfans Beğeni Hilesi
Youtube İzlenme Hilesi
Loop Network Coin Hangi Borsada
Bitcoin Çıkarma
Kripto Para Madenciliği Siteleri
Kripto Para Nasıl Kazılır
90889
ردحذفBitranium Coin Hangi Borsada
Kripto Para Nasıl Alınır
Hexa Coin Hangi Borsada
Fuckelon Coin Hangi Borsada
Coin Oynama
Görüntülü Sohbet Parasız
Binance Nasıl Oynanır
Bitcoin Oynama
Threads İzlenme Hilesi
AC118
ردحذفGörüntülü Sohbet
Pi Network Coin Hangi Borsada
Coin Nasıl Oynanır
Coin Madenciliği Nedir
Twitter Trend Topic Satın Al
Parasız Görüntülü Sohbet
Linkedin Takipçi Satın Al
Threads İzlenme Hilesi
Mexc Borsası Kimin
65B0D
ردحذفSoundcloud Reposts Hilesi
Kripto Para Nasıl Oynanır
Apenft Coin Hangi Borsada
Bitranium Coin Hangi Borsada
Bitcoin Çıkarma
Twitter Trend Topic Hilesi
Kripto Para Kazanma Siteleri
Soundcloud Dinlenme Hilesi
Görüntülü Sohbet
UHYIOKHJUOI
ردحذفتسليك مجاري بالدمام
تصليح افران غاز مكه lEgMk49rKw
ردحذفشركة مكافحة حشرات بالجبيل w9TAdc8o6n
ردحذف