• içtiğim sigara camel ben severim heçtiemel..

15 Mayıs 2013 Çarşamba

Css İle Form Elementlerini DüzenlemeYorum yok

Css'in günden güne değerlenmesine şaşırmamalıyız öyle ki bize sunduğu nimetlerin ucu bucağı yok css ile bütün etiket(tag)leri düzenleyebiliyoruz ben bu yazımda blogger kullanıcılarına biraz olsun yardımcı olabilmeye çalışacağım.Bildiğimiz gibi blogger'de kod paylaşmak bize biraz zorluk çıkartabiliyor.Bazı blog kullanıcıları internetten bulduğu kod kutularını sitelerine ekliyorlar ama ben bu yöntemi önermiyorum niye Textarea gibi bir etiket varken başka birşeye ihtiyaç duyalım css ile bu etiketi istediğimiz gibi düzenleyerek sitemize uygun bi hale getirmek varken,neyse lafı fazla uzatmadan başlayalım isterseniz.

Ben sizlere textarea'yı düzenlemeyi öğreticem , textarea ile diğer forum elementleri arasında fark yoktur sadece ccs dökümanında textarea'ya yazan yerlere düzenlenmek istediğimiz elementin adını yazmamız gerekir.

1.Adım

İlk olarak blogumuzda düzenleme yapmak yerine bilgisayarımızda yeni bir html dosyası açalım ve içerisine düzenlemek istediğimiz forum elementini ekleyelim ben textarea'yı seçtim.Sonra <head> tagı arasına <style> açarak css dökümentimizi oluşturmaya başlayalım.


Adım 2

Css ile form kutumuzu düzenlemeye başlayalım basit css kodlarını kullanarak müthiş bir kod kutusu oluşturabilirsiniz.Burada width kodunu kullanarak fazla kodların dışarı taşmasını engelleyelim ayrıca kenarlık ve arkaplan rengi verelim görüntü hoşluğu açısından..



Görünüm şuan aşağıdaki gibidir;
Css İle Form Elementlerini Düzenleme
Görünüm-1

Adım 3

Textarea'nın arkasına markamızı belli etmesi için logo eklemeye nedersiniz? veya bunu kod kutusu yapmayı düşünüyorsak bir dünya logosu fena olmazdı.



Görünüm şuan aşağıdaki gibidir;
Css İle Form Elementlerini Düzenleme
Görünüm-2

Adım 4(Bunu sitemize ekleyelim)

Ben fazla uğraşmak istemedim şahsen bu kadar olay yeterli tabi ben bunlara sığmam taşarım diyorsan daha iyi bi kodlama ile dahada geliştirebilirsin. :)

Sitemize eklemek için adımımız olucak;
  • Css <style> arasındaki kodları alarak blogumuzun <head> kısmı arasına ekleyelim
  • Bundan sonraki kod paylaşımlarımızda kodlarımızı <textarea> [kodburaya] </textarea> şeklinde yapalım
Düzenlediğimiz form elementi hayırlı uğurlu olsun unutmayın bunu her element için yapabiliriz.Bu özellik sayesinde harika görünümlü iletişim veya satış formları bile oluşturabilirsiniz.Yazımı okuduğunuz için teşekkür ederim umarım işe yaramıştır soru veya sorunlarınızı veya teşekkür mesajlarınızı yorum kısmına yazabilirsiniz iyi günler :)

Eğer emek verdiğiniz bu kodların başkaları tarafından (ç)alınmasını istemiyorsanız;
"Css Kodlarınızı Misafirlerinizden Gizleyin" Adlı makalemi okuyabilirsiniz.

Gelen Aramalar

Css Form Etiketlerini Düzenleme , Css Form Elementlerini Düzenleme , Css Textarea Düzenleme , Css Kod Kutusu Yapımı , Blogger Kod Kutusu Yapımı , Anlatım , Blogger Eklentisi , Css , 

Sponsor

[Ne Demişler] Hiç yorum yok

Copright 2013 - Site içerisindeki içerikler izinsiz kopyalanamaz.

Hakkımda İletisim

Bu site Blogger alt yapısı ile yapılmıştır. Tema: Cakirv3

Facebook - Twitter - Google - Youtube