Ceviz Forum

Geri Dön   Ceviz Forum > Web & Grafik > Web Tasarım

Cevapla
 
LinkBack Seçenekler
Eski 07/05/2007, 21:32   #1 (permalink)
Üye
 
Üyelik Tarihi: 02/2007
Mesaj: 140
Varsayılan Css'de input'ı üzerine gelince renklendirmek

Arkadaslar hemen ornek sıte vereyım: http://www.turkishost.com/
(reklam degıldır aklıma ılk bu geldı)

Kullanıcı Adı ve şifre bolumlerını css ıle bu sekıdle nasıl yaparım?
Veya css olmasın, java falan, hangı yontemle nasıl yapacagımı bilen varsa soylerse cok sevınırım.
Birde www.joomlaturkiye.org adresınde en altta gordugnuz giriş kısmındaki gibi, giriş yerlerının basına nasıl resım koyabilirim, ve nasıl yazı yazarım(tıklayınca silinen yazı)???

Bilen bırısı varsa cok sevınırım.

İyi forumlar
Saygılar
Cut_Lee_Amm hatta değil   Alıntı Yaparak Yanıtla
Eski 07/05/2007, 23:30   #2 (permalink)
Üye
 
Virtuozzo Adlı Üyenin Profil Grafiği
 
Üyelik Tarihi: 03/2007
Yer: İstanbul
Mesaj: 528
Varsayılan

.inputbox {
border: 1px solid #C0C0C0;
background: #F0F0F0;
}

.inputbox:hover, .inputbox:focus {
border: 1px solid #888888;
background: #FFFFFF;
}
Virtuozzo hatta değil   Alıntı Yaparak Yanıtla
Eski 07/05/2007, 23:45   #3 (permalink)
Üye
 
Üyelik Tarihi: 02/2007
Mesaj: 140
Varsayılan

Arkaplan falan degıstı ancak uzerıne geldıgınde renk degısmıyor.
Teşekkurler yardımınız ıcin...
Cut_Lee_Amm hatta değil   Alıntı Yaparak Yanıtla
Eski 07/05/2007, 23:59   #4 (permalink)
...
 
HunTER Adlı Üyenin Profil Grafiği
 
Üyelik Tarihi: 08/2002
Yer: İstanbul
Mesaj: 8,753
Varsayılan

Su ısını gorebılır,

Kod:
<style>
   input.aktif{
      color: white;
      background-color: black;
   }
   input.pasif{
      color: black;
      background-color: white;
   }
</style>
<input
   type="text"
   name="eposta"
   value="adiniz@eposta.com"
   onclick="if(!this._tiklandi){ this.value=''; this._tiklandi=true; }"
   onmouseover="this.className='aktif'"
   onmouseout="this.className='pasif'"
>
HunTER hatta değil   Alıntı Yaparak Yanıtla
Eski 08/05/2007, 00:20   #5 (permalink)
Üye
 
bybye Adlı Üyenin Profil Grafiği
 
Üyelik Tarihi: 11/2005
Yer: Vienna
Mesaj: 83
Varsayılan

tiklayinca silinen yazi ...

<input name="search" type="text" value="search" onfocus="if (this.value == 'search') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'search'; }" />
bybye hatta değil   Alıntı Yaparak Yanıtla
Eski 08/05/2007, 00:45   #6 (permalink)
Üye
 
Üyelik Tarihi: 02/2007
Mesaj: 140
Varsayılan

İlginize teşekküre derim,
HunTER!ın kodu calıstı...
Cut_Lee_Amm hatta değil   Alıntı Yaparak Yanıtla
Eski 08/05/2007, 00:58   #7 (permalink)
Üye
 
Üyelik Tarihi: 02/2007
Mesaj: 140
Varsayılan

Ancak yıne bır sorunum var;

Sayfayı ılk actıgınızda beyaz renklı olarak cıkıyor, daha sonra bır kez uzerınde gectıgınde fare ıle gereklı degıstırmelerı takılmadan yapıyor.
Ama sayfa acıldıgında beyaz cıkıyor bunu nasıl duzeltebilirim.

Bir de bazı renk kodlarını gormuyor.
Mesela #2f2f2f kodu calısmadı.Sıyah olarak gösterdi...
Cut_Lee_Amm hatta değil   Alıntı Yaparak Yanıtla
Eski 08/05/2007, 01:25   #8 (permalink)
...
 
HunTER Adlı Üyenin Profil Grafiği
 
Üyelik Tarihi: 08/2002
Yer: İstanbul
Mesaj: 8,753
Varsayılan

Alıntı:
Mesela #2f2f2f kodu calısmadı.Sıyah olarak gösterdi...
Satır sonuna ; (noktalı vırgul) koymamıssındır..

Alıntı:
Ama sayfa acıldıgında beyaz cıkıyor bunu nasıl duzeltebilirim.
input'a bır class ver..

Kod:
<input class="aktif" ...>
HunTER hatta değil   Alıntı Yaparak Yanıtla
Eski 08/05/2007, 01:40   #9 (permalink)
Üye
 
Üyelik Tarihi: 02/2007
Mesaj: 140
Varsayılan

Kodlar su sekılde, ama o kodu calıstırmıyor, siyah gosterıyor yıne...

Kod:
<style>
   input.aktif{
      color: #f0f0f0;
      background-color: #2f2f2f;
   }
   input.pasif{
      color: #2f2f2f;
      background-color: #f0f0f0;
   }
</style>
<input
   type="text"
   name="kullanici"
   onclick="if(!this._tiklandi){ this.value=''; this._tiklandi=true; }"
   onmouseover="this.className='aktif'"
   onmouseout="this.className='pasif'"
>
Cut_Lee_Amm hatta değil   Alıntı Yaparak Yanıtla
Eski 08/05/2007, 03:33   #10 (permalink)
Üye
 
bybye Adlı Üyenin Profil Grafiği
 
Üyelik Tarihi: 11/2005
Yer: Vienna
Mesaj: 83
Varsayılan

Kod:
<input
   type="text"
   name="kullanici"
   class="pasif"
   onclick="if(!this._tiklandi){ this.value=''; this._tiklandi=true; }"
   onmouseover="this.className='aktif'"
   onmouseout="this.className='pasif'"
>
input'a baslangicta bir css class'ini atamalisin.
bybye hatta değil   Alıntı Yaparak Yanıtla
Cevapla

Bookmarks

Seçenekler

Mesaj Yazma Hakları
Yeni mesajgöndermezsiniz
Cevap yazamazsınız
Dosya ekleyemezsiniz
Mesajınızı düzenleyemezsiniz

BB code is Açık
[IMG] kodu Açık
HTML kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık

Benzer Konular
Konu Konuyu açana göre Forum Cevap En Son Mesaj
üzerine gelince resim açılma yelegin Javascript / DHTML / Ajax 7 21/01/2007 01:55
üzerine gelince arkaplan değişsin ajnglagla Javascript / DHTML / Ajax 2 05/01/2007 01:38
Başlıklar üzerine gelince kurtcuk Ceviz.net Hakkında 1 15/12/2006 06:58
üzerine gelince farklı bir resim some_plus Javascript / DHTML / Ajax 7 09/06/2006 18:02
üzerine gelince açılan banner mgulevi Flash / Director / Swift 3D ... 1 26/04/2004 00:34


Forum saati Türkiye saatine göredir. GMT +3. Şu anda saat 14:45.

Reklamlar & Desteklenenler
Hassas Valf | Hassas Kaplama | Antalyamız | Gazete | Ticari Bilişim | Hakan Müştak | Rüya Tabirleri | Kadın | Hastalıklar | Cepte msn ve e-posta | Webmaster | Antalya Aupair | Turkish Property Antalya | Forum | Chat | Perde | Adsl | Araba | bolindir.com | guncelle.com | livescore | Web Tasarım | evden eve nakliyat | forum | evden eve | sohbet | Resimcim| Kalifiye İnsan Kaynakları | Web Tasarım | Oyun | Yusuf KOÇ | Akın Yorulmaz | şiir | UFO | Web Tasarım | Oyunlar | Canlı Tv |


Forum Yazılımı: vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0
Copyright ©2001 - 2008, Ceviz.net