Forum'da ara:
Ara


Yazar Mesaj
Mesaj02.08.2009, 11:07 (UTC)    
Mesaj konusu: Formları Şekillendirmek [ Tr.Gg De İlk Defa ]

Merhabalar bu gördüğünüz paylaşımı daha önce hiç kimse paylaşmadı arkadaş...

ilk önce buton ve text alanlarını değiştirelim...
Formlarda input diye geçer...

öncelikle takip ediniz...

Kod:

input {
padding: 1px;
margin-right: 1px;
background-image: url(Arka plan resmi);
border: 1px dashed #000000;
color: #000000;
}


kodumuz bu.bu kodda neler olacak.



bende aynen böle oldu.Şimdi özellikleri ile oyanalım.( No: O mavi alan bende resimdir.Sizde ne resim eklerseniz öle olur....)

İlk mnce arka plan resimlerini değiştirebilirsiniz...

border: 1px dashed #000000;

border o noktalı alandır...

1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...

Bunları değiştirerek güzel şeyler çıkabilirsiniz...

Şimdi textarea kısmını şekillendirecez...Textarea çok metin alanıdır...

Kod:
textarea {
   color: #000000;
padding: 1px;
   background:#FFF url(Arka plan resmi) no-repeat;
   border: 1px dashed #000000;
   margin-right: 1px;
}


İşte burda da yukarıda gösterdiğim işmeleri aynı şekilde yapacaksınız...

1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...

Örnek görüntü:

Gördüğünüz gibi böle olacaktır.Şimdi genel Formlarımın arka kısımlarına resim ekleyebileceğiz...

Örnek: yukarıdaki resimde...Ayrıca ziyaretci defterinden bir görüntü:



gördüğünüz gibi böle yapmak içinde

form katmanını kullancağız...

Kod:
form {
   color: #000000;
   background:#FFF url(Arka Plan Resmi) no-repeat ;
padding: 1px;
   border: 1px dashed #DBDBDB;
   margin-right: 1px;
}


1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...

burda da böle aynı işlemleri uyguluyoruz...

input, textarea, form bunları kullandık ve gerçekten başarılı işler yaptık.

www.hyperend.tr.gg adresinde canlı demo görebilirsiniz...

Tamamen bana aittir...
______________
Özel mesajlara bakmıyorum bile...
Mesaj02.08.2009, 11:14 (UTC)    
Mesaj konusu:

paylaşım için teşekkürler.
______________
css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
Mesaj02.08.2009, 11:18 (UTC)    
Mesaj konusu: selam

Paylaşım için teşekkürler iyi bi çalışma...
Mesaj02.08.2009, 11:19 (UTC)    
Mesaj konusu:

ikinizede teşekkür ederim arkadaşlar..
______________
Özel mesajlara bakmıyorum bile...
Mesaj02.08.2009, 11:20 (UTC)    
Mesaj konusu:

güzel anlatım ama bir şeyi anlamadım arka plan resmine mesela ne koycaz onu anlamadım
______________
Yeni Hayat Yeni Tarz Yeni Bakış Yeni Web
Mesaj02.08.2009, 11:22 (UTC)    
Mesaj konusu:

Arka plan resmi yazan yerlere form, textarea ve input un arka planları koyacaksınız....

mesela ilk resimdeki mavi alanlar

2. v 3. resim griden beyada giden resim bunlar benım yaptıgım arka plan...Sizde böle bişi yapabilirsiniz...
______________
Özel mesajlara bakmıyorum bile...
Mesaj02.08.2009, 11:24 (UTC)    
Mesaj konusu:

resimlerin boyutu kaç px olcak ?
______________
css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
Mesaj02.08.2009, 11:25 (UTC)    
Mesaj konusu:

işte kafanıza göre ayarlabilirsiniz...Mesela resmi büyük ayaparsanız ziyaretci defterine tekrarlama sorunu olmaz...
______________
Özel mesajlara bakmıyorum bile...
Mesaj02.08.2009, 12:08 (UTC)    
Mesaj konusu:

Bnım formlar arka kısımları gradient ile yaptım.Sizde yapabiliyorsanız öle yaparsınız ama photoshop yoksa

http://tools.dynamicdrive.com/gradient/ kullanın.ama beyaz kısım aşağı gelirse sizin için daja güzel olur
______________
Özel mesajlara bakmıyorum bile...
Mesaj02.08.2009, 12:15 (UTC)    
Mesaj konusu:

Bende Bunu Arıyodum Saol
@hyperend

______________
Mesaj02.08.2009, 12:20 (UTC)    
Mesaj konusu:

Birşey değil.
______________
Özel mesajlara bakmıyorum bile...
Mesaj02.08.2009, 12:43 (UTC)    
Mesaj konusu:

Woooww Süper.Teşekkürler @Hyperend
______________

UpLoad Seçeneği 2 İçin Tıklayınız.
Mesaj02.08.2009, 13:08 (UTC)    
Mesaj konusu:

Paylasım iÇin Saol bu iŞime YariYaCak Wink
______________
Click www.noktasoft.net
Mesaj02.08.2009, 15:45 (UTC)    
Mesaj konusu:

Ama üzüldüm.Kaç kişi bakmış kaç kişi yorum yapmış...

Bence bazıları bir yerlede birilerini sürekli uyarmak yerine böle konulara yorum yazsalar...
______________
Özel mesajlara bakmıyorum bile...
Mesaj02.08.2009, 17:46 (UTC)    
Mesaj konusu:

Paylaşımın İşime Yaradı.Teşekkür Ederim.

İyi Günler...
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu