»

[Kültürlü Kedi]

İstek üzerine açtığım bu dersle uzuuuuun bir aradan sonra derslerimle burdayım :)

Öncelikle Gradient Tool ile arka plan oluşturacağımız için gradient tool u seçip aşağıda ki renk ayarlarını yapın.



Bu ayarları yapıp "OK" a tıkladıktan sonra Gradien Tool ile sayfanızı aşağıdan yukarıya boyayın.

Arkaplan layerının üzerine yeni bir layer açarak; Rectanbular Marquee Tool ile yaklaşık 25px yüksekliğinde boydan boya ve çalışma alanının en altına dayalı çekilde seçin.



Yeni açtığınız layera yine gradient tool ile bu seçtiğiniz alanı boyayacaksınız.

Bu sefer ki renkler:

#1e1e1e ve #494949 olacak. Açık renk aşağıya denk gelecek şekilde yukardan aşağıya seçili alanınızı boyayın.



Şimdi bu 2. boyadığınız layera çift tıklayın; yani Blending Options (Layer>Layer Style>Blending Options) penceresini açın ve Storke değerlerini aşağıda ki gibi yapın.



#BABABA rengini seçere Arial fontu ile: "Üye Olun veya Şifrenizi unuttuysanız şifreyi resetle linkini kullanınız?" yazısını yazın.

"Rounded Rectangle Tool" u seçerek yukarıda ki "Radius" değerini 3 yapın ve 2 tane uzun dikdörtgen çizin. Renginiz: #e1e1e1 olsun.



Şimdi bu oluşturduğumuz dikdörtgenlere aynı Blending Options ları uygulayacağız.

1ine tıklayın ve Layer>Layer Sytle>Storke yolunu izleyin ve aşağıda ki ayarları girin.




Bu ayarların ardından bu ayarları yaptığınız layer seçili iken; Layer>Layer Style>Copy Layer Style yolunu izleyip diğer dikdörtgene seçerek Layer>Layer Style>Paste Layer Style yapın ve aynı ayarları diğerinede eklemiş olun.

Son olarak Giriş butonunu yapıyoruz.

Yine Rounded Rectangle Tool ile bir dikdörtgen çizin renginiz;#575757 olsun ve Layer>Layer Style>Paste Layer Style yolunu izleyin. Tekrar Layer>Layer Style>Inner Glow yolunu izleyin ve oradaki beyaz rengi siyah olarak değiştirin.

Yeni bir layer oluşturun ve o layera sağ tıklayarak Create Clipping Mask' a tıklayın. bu Layerı son yaptığınız butonun yarısını çok az geçecek yere kadar beyaza boyayın ve ardından Blend Mode: Soft Light olarak değiştirin.

Biraz keskin biten alt kısmı ise şöyle yumuşatabilirsiniz;

Layerı seçili yapın ve CTRL+D yapıp değeri 5 verin, Select>Inverse yolunu izleyip 2-3 kez Delete tuşuna basın.

Butonun içine Beyaz renk ile Giriş yazın.

Son durum:




Altta ki 1 px lik şeritin altına menünüzü ekleyebilirsiniz ve Kullanıcı adı ve Şifre lerin başına ikon kullanabilirsiniz.

İyi çalışmalar.

__________________

[HAKAN]

eline sağlık ama gri dikdörtgenler köşeli olmuş daha oval olması lazım...

__________________

ARAMASIN GÖZLER O ŞİMDİ ASKER!..

[reddeck]

tşkler Kültürlü Kedi

[Kültürlü Kedi]

HAKAN´isimli üyeden Alıntı

eline sağlık ama gri dikdörtgenler köşeli olmuş daha oval olması lazım...

Stroke' yi inner yaptık sanırım ondan.

__________________

[TheBear]

bu kısmı anlamdım fakat kodlarla uyumlu hale nasıl getirebiliriz. Yani log-in kodları var elimde o kısımdan log-in olmak istiyorum nasıl yapabilirim

__________________
İmza Yok Parmak Bassam...
I Love Skateboarding...

[Kültürlü Kedi]

CSS dediğimiz "Cascading Style Sheets" uzun adı ile stil kodları vardır. HAKAN için bir problem yoksa sitedekini versin size. Aksi halde css öğrenmeniz gerek. Dreamweaver yada Frontpage de yada herhanbi bir html editöründe bunların kısa yolu olduğunu bilmiyorum.

__________________

[reddeck]

Kültürlü Kedi´isimli üyeden Alıntı

CSS dediğimiz "Cascading Style Sheets" uzun adı ile stil kodları vardır. HAKAN için bir problem yoksa sitedekini versin size. Aksi halde css öğrenmeniz gerek. Dreamweaver yada Frontpage de yada herhanbi bir html editöründe bunların kısa yolu olduğunu bilmiyorum.

HAKAN paylaşırsan sevinirim