lostyazilim
tr.link

"Dosya Seç" butonunun tasarımını değiştirmek

11 Mesajlar 7.834 Okunma
lstbozum
tr.link

hk1337 hk1337 WM Aracı Kullanıcı
  • Üyelik 01.07.2016
  • Yaş/Cinsiyet 28 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad H** K**
  • Mesajlar 284
  • Beğeniler 48 / 17
  • Ticaret 3, (%100)
Merhaba, "Dosya Seç" butonunun görünümünü nasıl değiştirebilirim? Yapmak istediğim şey buton ve yazıları kaldırıp o alana resim eklemek.

 

 

wmaraci
reklam

Ozi Ozi . Kullanıcı
  • Üyelik 10.12.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Devoloper
  • Konum Almanya
  • Ad Soyad H** K**
  • Mesajlar 3052
  • Beğeniler 1 / 941
  • Ticaret 50, (%100)
Butona id verirsin css ile o idye div açarsın ordan ayarlarsın. Google'dan hazır buton kodlarına bakarsan mantığı anlayabilirsin. Yine yapamadım dersen akşam pm at halledelim.
 

 

hk1337 hk1337 WM Aracı Kullanıcı
  • Üyelik 01.07.2016
  • Yaş/Cinsiyet 28 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad H** K**
  • Mesajlar 284
  • Beğeniler 48 / 17
  • Ticaret 3, (%100)
Normal butonları halledebiliyorum da dosya yükleme için gibisinden bir kod kullanıldığı için ortada düzenleyecek yer yok büyük ihtimal basit bir şeydir ama css ile verilen özellikler butona yansımıyor mesela arkaplan verdiğimizde yazının arkaplanı oluyor :)
 

 

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1118
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
Tarayıcıda öğeyi denetle diyerek o nesneyi eğip bükebilirsiniz. Biraz css bilgisi lazım sadece.
 

 

www.ontedi.com
www.cizgi.site
wmaraci
wmaraci

hk1337 hk1337 WM Aracı Kullanıcı
  • Üyelik 01.07.2016
  • Yaş/Cinsiyet 28 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad H** K**
  • Mesajlar 284
  • Beğeniler 48 / 17
  • Ticaret 3, (%100)
Demek istediğim tam anlaşılmadı galiba.

hk1337 adlı üyeden alıntı

Normal butonları halledebiliyorum da dosya yükleme için gibisinden bir kod kullanıldığı için ortada düzenleyecek yer yok büyük ihtimal basit bir şeydir ama css ile verilen özellikler butona yansımıyor mesela arkaplan verdiğimizde yazının arkaplanı oluyor :)
 

 

cArleone cArleone WM Aracı Kullanıcı
  • Üyelik 26.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Web master
  • Konum Isparta
  • Ad Soyad A** M**
  • Mesajlar 225
  • Beğeniler 85 / 59
  • Ticaret 9, (%100)
Şu şekilde yapabilirsin.direk tasarım değiştirmek yerine,yeni bir tasarım yapabilirsin.yeni yaptığın tasarıma tıklayınca dosya seçtirirsin.


labeli,input file ile ilişkilendirdik.label içindekine tıklanınca dosya seç ekranı açılacaktır.tek yapman gereken label içine bir tasarım yapman.seçilen dosyanın adınıda js ile alabilirsin.
 

 

www.ustaderslik.com

hk1337 hk1337 WM Aracı Kullanıcı
  • Üyelik 01.07.2016
  • Yaş/Cinsiyet 28 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad H** K**
  • Mesajlar 284
  • Beğeniler 48 / 17
  • Ticaret 3, (%100)
Teşekkürler aradığım böyle buydu. Js ile dosya adını çekebilmem için yardım alabileceğim bir döküman var mı?
 

 

cArleone cArleone WM Aracı Kullanıcı
  • Üyelik 26.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Web master
  • Konum Isparta
  • Ad Soyad A** M**
  • Mesajlar 225
  • Beğeniler 85 / 59
  • Ticaret 9, (%100)




<script>
function dosya_adi(){
var ad=document.getElementById ("dosya").files[0].name;
document.getElementById ("dosya-adi").innerHTML="Dosya Adı : "+ad;
}
</script>

Bu şekilde alabilirsin.
 

 

www.ustaderslik.com

hk1337 hk1337 WM Aracı Kullanıcı
  • Üyelik 01.07.2016
  • Yaş/Cinsiyet 28 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad H** K**
  • Mesajlar 284
  • Beğeniler 48 / 17
  • Ticaret 3, (%100)
Teşekkür ederim. cArleone
 

 

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
Burayı incele.

http://erbilen.net/demo/css-form-style/
ahmetonurslmz

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al