| Yazar |
Mesaj |
-
hyperend
Uzman Üye
|
 02.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... |
|
|
↑
|
|
 |
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
02.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...
 |
|
|
↑
|
|
|
-
kaidem
Uzman Üye
|
02.08.2009, 11:18 (UTC)
Mesaj konusu: selam |
|
|
Paylaşım için teşekkürler iyi bi çalışma... |
|
|
↑
|
|
|
-
hyperend
Uzman Üye
|
02.08.2009, 11:19 (UTC)
Mesaj konusu: |
|
|
ikinizede teşekkür ederim arkadaşlar..
______________
Özel mesajlara bakmıyorum bile... |
|
|
↑
|
|
|
-
umutcana
Acemi Üye
|
02.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 |
|
|
↑
|
|
|
-
hyperend
Uzman Üye
|
02.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... |
|
|
↑
|
|
|
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
02.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...
|
|
|
↑
|
|
|
-
hyperend
Uzman Üye
|
02.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... |
|
|
↑
|
|
|
-
hyperend
Uzman Üye
|
02.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... |
|
|
↑
|
|
|
-
sanalexen
Bedava-Sitem Bağımlısı
|
02.08.2009, 12:15 (UTC)
Mesaj konusu: |
|
|
Bende Bunu Arıyodum Saol
@hyperend______________  |
|
|
↑
|
|
|
-
hyperend
Uzman Üye
|
02.08.2009, 12:20 (UTC)
Mesaj konusu: |
|
|
Birşey değil.
______________
Özel mesajlara bakmıyorum bile... |
|
|
↑
|
|
|
-
uploadex
Bedava-Sitem Bağımlısı
Konum: Sanal Alemin Yeni Resim Upload Sitesi.. Uploadex.Tr.Gg
|
02.08.2009, 12:43 (UTC)
Mesaj konusu: |
|
|
Woooww Süper.Teşekkürler @Hyperend______________ 
UpLoad Seçeneği 2 İçin Tıklayınız. |
|
|
↑
|
|
|
-
onetake
Bedava-Sitem Bağımlısı
Konum: Durmaz
|
02.08.2009, 13:08 (UTC)
Mesaj konusu: |
|
|
Paylasım iÇin Saol bu iŞime YariYaCak  ______________ Click www.noktasoft.net |
|
|
↑
|
|
|
-
hyperend
Uzman Üye
|
02.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... |
|
|
↑
|
|
|
-
pitdesign
Acemi Üye
|
02.08.2009, 17:46 (UTC)
Mesaj konusu: |
|
|
Paylaşımın İşime Yaradı.Teşekkür Ederim.
İyi Günler... |
|
|
↑
|
|
|
|
