Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Süper İndirme Linki MyKod [Kendi Tasarımım]
#1
MyKod Adı: Süper İndirme Linki MyKod
MyKod Düzenli İfade:\[download\](.*?)\[/download\]
MyKod Yerine Gösterilecek İfade: 
Kod:
<div class="download">
<strong>
İndirme Linki:
</strong>
   <div class="downloadLink">
        $1
   </div>
</div>

Global.CSS En Alta Ekle:
Kod:
.download {
   background-color: #34495e;
   border-bottom: 3px solid #2c3e50;
   border-radius: 3px;
   color: #ecf0f1;
   font-family: Tahoma;
   font-size: 14px;
   padding: 4px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}

.download:hover {
   background-color: #2c3e50;  
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}

.downloadLink {
   background-color: #2c3e50;
   border-radius: 3px 3px 0px 0px;;
   padding: 2px 4px;
   color: #ecf0f1;
   position: fixed;
   top: 12px;
   left: 300px;
}

Kullanım: [download]Link[/download]
Ekran Görüntüsü: QZMWOj.png
Demo Link:
Kod:
onizle.koddostu.com

Koddostunda şu kodu ekleyin css, html uğraşmazsınız:
Kod:
<style>
.download {
  background-color: #34495e;
  border-bottom: 3px solid #2c3e50;
  border-radius: 3px;
  color: #ecf0f1;
  font-family: Tahoma;
  font-size: 14px;
  padding: 4px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}

.download:hover {
  background-color: #2c3e50;  
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}

.downloadLink {
  background-color: #2c3e50;
  border-radius: 3px 3px 0px 0px;;
  padding: 2px 4px;
  color: #ecf0f1;
  position: fixed;
  top: 12px;
  left: 300px;
}
</style>

<div class="download">
<strong>
İndirme Linki:
</strong>
  <div class="downloadLink">
       indirme linki akhgohkghKOGHOGJOTYHRLp
  </div>
</div>

Not: Uzun linkler kullanırsanız, link kısmında bozukluk meydana gelebilir. Bunu önlemek için ise css kodundadki left: in karşısınadki 300px değeriyle oynama yapabilirsiniz.

+ Hover Efektlidir.

Kendi tasarımım. :)
Ara
Cevapla PGM
Teşekkür verenler:
#2
Bakmadim ama guzel olmus diye umuyorum eline saglik
Ara
Cevapla PGM
Teşekkür verenler:
#3
(07-01-2016 Saat: 21:34)AvanT2 Nickli Kullanıcıdan Alıntı: Bakmadim ama guzel olmus diye umuyorum eline saglik

Bence harika oldu ama sizin görüşünüzü bilemem.
Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#4
Demo veya resim koyarmisin konuya?
Ara
Cevapla PGM
Teşekkür verenler:
#5
(07-01-2016 Saat: 21:37)AvanT2 Nickli Kullanıcıdan Alıntı: Demo veya resim koyarmisin konuya?

Demo ekliyorum 1 saniye lütfen. :)
Ara
Cevapla PGM
Teşekkür verenler:
#6
Eline sağlık, kullanılabilir bir kod :)
Ara
Cevapla PGM
Teşekkür verenler:
#7
(07-01-2016 Saat: 21:38)Hatake Nickli Kullanıcıdan Alıntı: Eline sağlık, kullanılabilir bir kod :)
Teşekkür ederim. :)
Ara
Cevapla PGM
Teşekkür verenler:
#8
Eline sağlık güzel olmuş da, küçük bir hata farkettim ben.
MyKod Düzenli İfade:\[download\](.*?)\[/downlaod\] En sonda downlaod yazmışsın download diye düzeltirsen iyi olur sonra neden çalışmıyor demesinler.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Ellerine Sağlık Güzel Olmuş
Ara
Cevapla PGM
Teşekkür verenler:
#10
(07-01-2016 Saat: 21:41)Sezar38 Nickli Kullanıcıdan Alıntı: Ellerine Sağlık Güzel Olmuş

Rica ederim. :)
Ara
Cevapla PGM
Teşekkür verenler:
#11
Eline Saglik kullanilabilir bir kod.
Ara
Cevapla PGM
Teşekkür verenler:
#12
(07-01-2016 Saat: 21:41)AvanT2 Nickli Kullanıcıdan Alıntı: Eline Saglik kullanilabilir bir kod.
Teşekkür ederim. :)
Ara
Cevapla PGM
Teşekkür verenler:
#13
(07-01-2016 Saat: 21:41)#Power Nickli Kullanıcıdan Alıntı: Eline sağlık güzel olmuş da, küçük bir hata farkettim ben.
MyKod Düzenli İfade:\[download\](.*?)\[/downlaod\] En sonda downlaod yazmışsın download diye düzeltirsen iyi olur sonra neden çalışmıyor demesinler.

ana pardon düzelttim çok saol D:
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping