Yazar
Mesaj
webucu
Aktif Üye
12.06.2012, 06:19 (UTC) Mesaj konusu: CSS Download Button - Webucu.Tr.Gg
Önizleme: http://webucu.tr.gg/Buton-Onizleme.htm
Kaynak: http://webucu.tr.gg/CSS-Download-Butonu.htm
Selam arkadaşlar, kendi yapımım olan ve önceki sitemde paylaştığım Download butonlarını forumda paylaşmak istedim...
CSS Koduna : Kod: .indir { background-repeat: repeat-x; height: 58px; width: 240px; border-radius: 15px; line-height: 62px; box-shadow: 0px 3px 5px #000000; margin-bottom: 15px; } .indir a { color: #ffffff; text-decoration: none; text-shadow: 1px 1px #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 0px 0px 0px 22px; display: block; } .indir a:hover { color: #a2a2a2; } .mavi { background-image: url('http://img.webme.com/pic/c/cin-cell/mavi.png'); } .kirmizi { background-image: url('http://img.webme.com/pic/c/cin-cell/kirmizi.png'); } .mor { background-image: url('http://img.webme.com/pic/c/cin-cell/mor.png'); } .sari { background-image: url('http://img.webme.com/pic/c/cin-cell/sari.png'); } .yesil { background-image: url('http://img.webme.com/pic/c/cin-cell/yesil.png'); } .gri { background-image: url('http://img.webme.com/pic/c/cin-cell/gri.png'); }
Görünmesini istediğiniz yere:
Kod: <FCK:meta content="text/html; charset=utf-8" http-equiv="Content-Type" ></FCK:meta> <title>İndir Butonları</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <div id="tasiyici"> <div class="indir mavi"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir kirmizi"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir mor"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir sari"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir yesil"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir gri"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> </div> </meta>
CSS Tasarım Kullanmayanlar İçin:
Tasarım Üstüne Ekleyiniz:
Kod: <style type="text/css">
.indir { background-repeat: repeat-x; height: 58px; width: 240px; border-radius: 15px; line-height: 62px; box-shadow: 0px 3px 5px #000000; margin-bottom: 15px; } .indir a { color: #ffffff; text-decoration: none; text-shadow: 1px 1px #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 0px 0px 0px 22px; display: block; } .indir a:hover { color: #a2a2a2; } .mavi { background-image: url('http://img.webme.com/pic/c/cin-cell/mavi.png'); } .kirmizi { background-image: url('http://img.webme.com/pic/c/cin-cell/kirmizi.png'); } .mor { background-image: url('http://img.webme.com/pic/c/cin-cell/mor.png'); } .sari { background-image: url('http://img.webme.com/pic/c/cin-cell/sari.png'); } .yesil { background-image: url('http://img.webme.com/pic/c/cin-cell/yesil.png'); } .gri { background-image: url('http://img.webme.com/pic/c/cin-cell/gri.png'); }
</style>
Butonu Göstermek İstediğiniz Yere:
Kod: <FCK:meta content="text/html; charset=utf-8" http-equiv="Content-Type" ></FCK:meta> <title>İndir Butonları</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <div id="tasiyici"> <div class="indir mavi"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir kirmizi"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir mor"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir sari"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir yesil"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> <div class="indir gri"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DOWNLOAD </a></div> </div> </meta>
______________
↑
aktif-dost
Moderatör
Konum: İstanbul/Türkiye
12.06.2012, 06:25 (UTC) Mesaj konusu:
teşekkür ederim yanlız buraya paylaşmanızdaki amaç nedir?
______________
- Teknik Destek Personeli
↑
webucu
Aktif Üye
12.06.2012, 09:09 (UTC) Mesaj konusu:
İhtiyacı olanlara yardım etmek ______________
↑
aktif-dost
Moderatör
Konum: İstanbul/Türkiye
12.06.2012, 09:11 (UTC) Mesaj konusu:
bunu siteniz üzerinden yapsanız daha doğru bir davranış olmaz mıydı?
______________
- Teknik Destek Personeli
↑
webucu
Aktif Üye
12.06.2012, 09:29 (UTC) Mesaj konusu:
O zaman Admin'e Söyleyelim Forumdan CSS Bölümünü silsin ne dersin? ______________
↑
webucu
Aktif Üye
12.06.2012, 13:11 (UTC) Mesaj konusu:
Güncel
______________
↑
chickenblog
Uzman Üye
12.06.2012, 13:29 (UTC) Mesaj konusu:
Başarılı,
teşekkürler paylaşım için
↑
aktif-dost
Moderatör
Konum: İstanbul/Türkiye
14.06.2012, 06:17 (UTC) Mesaj konusu:
webucu yazmış: O zaman Admin'e Söyleyelim Forumdan CSS Bölümünü silsin ne dersin?
kardeşim ne alakası var şimdi burada css tasarınm ve istekleri yapılır ve css kodları vs.. hakkında sorular sorulur cevaplanır.. sizin yaptığınız paylaşımda dowland butonları var bende yapmıştım önceden ama forumda paylaşmadım sitemin ziyaretçileri nasıl olsa yorum atıyor kullanıyor yazma gereğinde bile bulunmadım kodu zaten vermişsiniz birde kaynak belitmişsiniz bu reklama girer..
↑
webucu
Aktif Üye
14.06.2012, 09:27 (UTC) Mesaj konusu:
Evet evet doğru söylüyorsun aynen öyle ______________
↑