Articles by "Yazma"
Yazma etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
CSS ve Div İle Yazıları vs. Yan Yana Yazma - float
Merhaba arkadaşlar.

 Bu yazımda çoğu kişinin zorlandığı arayıpta zor bulduğu bir konuyu paylaşmak istiyorum.

 Herhangi iki tane yazı veya her hangi iki tane html kodu bazen görünüş veya ihtiyaç bakımından web sitemizde yan yaana yazmak isteyebilirsiniz. Yan yana derken biri tam sola diğer tam sağa gibi.

 Örnek olarak aşağıya bakınız:



Soldaki Yazı
Sağdaki Yazı


Yukarıdan gördüğünüz gibi ikiside yan yana aynı hizada biri tam sola diğeri tam sağa geçmiş durumda. Aslında görünüşte çok kolay gözükebilir bunda ne var diye. Am inanın çoğu arkadaşlar bunu çok arıyorlar.

 Benim bile başıma gelmişti eskilerden. Her türlü deneme yapıyordum ama olmuyordu.

Özelllikle mesela:

Soldaki Yazı <div style="align:right;">Sağdaki Yazı</div>

 vb. gibi bir sürü kodlar denememe rağmen olmuyordu. Hep aşağıdaki gibi bir sonuç alırdım.

Soldaki Yazı
Sağdaki Yazı

Sağa doğru yanaştırırdım ama diğeriyle aynı hizada olmazdı. Ve bende araştırmalarım sonucunda bu sorunu buldum.

 CSS kodunyla "float" ile artık herşey çok güzel olacak :)
Soldaki Yazı <div style="float:right;"></div>

 İşte yukarıdaki kod ile neyin sağ tarafına yazmak istiyorsanız o koddan hemen sonra <div> ile başlayan kodu yazarak istediğinizi başarıyla yapabilirsiniz.

Hepinize koaly gelsin arkadaşlar. Bundan böyle web sitenizin tasarımları bir başka güzel olacak :)
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Önce File> New seçeneğinden yeni sayfa açalım.
Yazımızı siyah renkte yazalım ve Image > Adjustments > Invert (Renkleri tersine çevirir) seçeneğinden renkleri çevirelim. Layer ayarlarından Flaten Image yapalım layerları birleştirelim.neon
Ardından Filter > Blur > Guassian blur (Radius 2.0) ayarlarını yapalım.
 

neon neon

Şimdi de Filter > Stylize > Solarize yi seçelim, Image > Adjustments > Auto Levels ile kontrastlık ayarını yapıyoruz.


neon neon

Son olarak Image > Adjustments > Hue Saturation a girelim ve aşağıdaki ayarlara dikkat edelim.

neon neon
Ve böylelikle renklerimizi ayarlıyoruz ve aşağıdaki görüntü ortaya çıkıyor.
neon
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Önce File>New seçeneğinden yeni bir sayfa açalım.
Eliptical Marque Tool ile sayfamıza bir yuvarlak çizelim. Path penceresinin sağ üstündeki oka tıklayıp Make Work Path seçeneği ile path'e çeviriyoruz alanımızı.yuvarlak_yazi1 yuvarlak_yazi2
yuvarlak_yazi3
Çıkan penceredeki Tolerance ayarını 1,0 yapın.
yuvarlak_yazi4
Sonra Text'i alıp bu yuvarlak pathin çizgisinin üzerine tıklayalım ve yazımızı yazabiliriz artık.
yuvarlak_yazi5 yuvarlak_yazi6
İşte yuvarlak yazımız bu kadar kolay hazırlanmış oldu.
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Önce File>New seçeneğinden yeni bir sayfa açalım.
Text ile sayfamıza herhangi bir yazı yazalım. Text'tin ayarlarında simgesi T harfi olan Create warped text butonuna tıklayalım. Yeni pencerede ayarlar karşımıza çıkıyor.egik_yazi1 egik_yazi2
Bu kısımdan yazımızı hangi seçeneğe göre yazmak istiyorsak onu seçip alttaki değerlerle oynayarak eğik yazımızı ortaya çıkarabiliriz. Her seçeneğin şekline bakarak neler yapabileceğinizi anlayabilirsiniz.
egik_yazi3 egik_yazi4
İşte eğik yazımız bu kadar kolay hazırlanmış oldu.
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Önce File>New seçeneğinden yeni bir sayfa açalım.
Text ile sayfamıza herhangi bir yazı yazalım ve yazımızın layerına (layerın yazı olan kısmına değil kare içindeki resimsel kısmına) ctrl basılı durumda tıklayarak seçim haline getiriyoruz.golgeli_yazi1
golgeli_yazi2
Yeni bir layer açalım ve seçimden çıkmadan içini siyah dolduralım. Yeni layerı yazımızın altına alalım.Bu siyah yazı olan layera Filter > Blur > Guisian Blur seçeneğinde ayarını 8,0 olarak uygulayalım.
golgeli_yazi3
golgeli_yazi4
İşte gölgeli yazımız bu kadar kolay hazırlanmış oldu.
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Bu konumuzda fotograf üzerine yazı yazacağız.Aşağıda örnek fotograf üzerinde yapılan bir yazı çalışmasını inceleyelim.
foto_ilkÖnce tolls'tan Text'i seçelim ve fotografın üzerine tıklayalım. Yazımızı yazalım. Rengini değiştirmek için üstte bulunan text ayarlarından faydalanacağız.
yazi_ayar
Üstte gördüğünüz Toggle the Character and Paragraph palettes seçeneğini tıkladığınızda farklı bir ayar penceresi karşınıza çıkacak. Bu ayar penceresinden text ile ilgili tüm ayarları yapabilirsiniz. Yazı stili, renk, paragraf, font, punto, bold/italik gibi ayarların tümü bu pencerede değiştirilebilir. Veya daha kolay yapmak isterseniz onun solunda bulunan beyaz kareyi tıklayıp sadece rengi ayarlayabilirsiniz.
fotograf_son
yazi_son
4- Fotografın son hali
Text Tool'a basılı mouse'unuzu tuttuğunuzda altta çıkan text seçenekleriyle farklı yazılar da yazabilmeniz mümkündür.