Turkhackteam.net/org - Turkish Hacking & Security Platform  
Geri git   Turkhackteam.net/org - Turkish Hacking & Security Platform >
Programlama
> Web Programlama

Web Programlama Asp, Php, Html, Asp.Net, Aspx, Perl Vb Web Programlama Bölümü

Web Programlama / Metin Biçimlendirilmeleri Geniş Anlatım. / Depdip

Web Programlama

Yeni Konu aç Cevapla
 
Seçenekler
Alt 08-09-2018 17:27   #1
  • Dergi Tim Asistanı
  • Üye Bilgileri
Üyelik tarihi
08/2017
Nereden
NewYork
Mesajlar
Konular


  
Post Web Tasarım / Metin Biçimlendirilmeleri Geniş Anlatım. / Depdip



Merhaba arkadaşlar, web tasarım konularımda bugün sizlere "Metin Biçimlendirilmeleri" başlığı adı altında geniş çaplı bir konu anlatacağım. Konunun başlıklarını sırasıyla aşağıda belirttiğim şekilde;


1-)Text Align(Metin Hizalama)
2-)Text Color(Metin Rengi)
3-)Text Decoration(Metin Dekorasyonu
4-)Text Transformation(Metin Dönüşümü)
5-)Text Indentation(Metin Girinti)
6-)Letter Spacing(Mektup Aralığı)
7-)Line Height(Hat Yüksekliği)
8-)Text Direction(Metin Yönü)
9-)Word Spacing(Kelime Aralığı
10-)Text Shadow(Metin Gölgesi)



1-)TEXT ALİGN:

Text Align sayesinde seçtiğimiz metni (sağ, sol, ortalama) olmak üzere metnimizi üç yöne kaydırabiliriz. Web tasarımında en çok kullanılan yöntem olan bu yöntemi, kodlarla göstermek gerekirse.


Kod:
.tht{text-align:center}
.tht1{text-align:left}
.tht2{text-align:right}






2-)TEXT COLOR:

Text Color özelliği sayesinde belirttiğimiz yazıları renklendirebiliriz. Bunun için başlıca 3 yöntem bulunmaktadır.

Bir ingilizce renk isme belirlemek: tıpkı ("Yellow")
Bir "HEX" değeri belirlemek: tıpkı ("#ff000")
Bir "RGB" değeri belirleyerekde sonuca ulaşabiliriz: tıpkı ("rgb(255,0,0)")
Bu konunun geniş anlatımı içinde lütfen tıklayınız.


Kod:
.tht{color:yellow}
.tht1{color:#ff0000}
.tht2{color:rgb(255,0,0)}



3-)TEXT DECORATİON:

İleri seviye web tasarımcı arkadaşlarımızın sık bir şekilde bilebileceği yöntemlerden biride budur. Metin süslemeleri kaldırmak, ayarlamak için kullanılır. Çoğunlukla ise "text-decoration:none" özelliği ile bilindiği alt çizgileri yok etmek için kullanılır. Not: Alt çekmeli sekmelerde kullanıldığı için pek bilinmeyen ama işe yarayan bir koddur gözle görülür bir değişim olmaz.


Kod:
.tht{text-decoration:line-through}
.tht{text-decoration:overline}
.tht{text-decoration:underline}
.tht{text-decoration:none}


4-)TEXT TRANSFORMATİON:

Text trasnformatin herşeyi büyük veya küçük harflere dönüştürmek veya her kelimenin ilk harfinden yararlanmak için kullanılır. Kısaca text transform büyük ve küçük metin belirtmek için kullanılır.


Kod:
.tht{text-transform:uppercase}
.tht1{text-transform:lowercase}
.tht2{text-transform:capitalize}



5-)TEXT İNDENTATİON:


Text indentation daha çok uzun yazılı biyografi gibi yazıların başlarında belirttiğiniz büyüklüğe göre, başta boşluk bırakır. Çok kullanılmayan yöntemin kodu aşağıdaki gibidir.


Kod:
.tht{text-indent: 50px}




6-)LETTER SPACİNG:

Letter spacing özelliği bir metnin yanındaki metinle arasındaki boşluğu belirler. Kod dizini aşağıda belirttiğin gibidir.



Kod:
.tht{letter-spacing: 3px}
.tht1{letter-spacing: -3px}


7-)LİNE HEİGHT:

Metinlerin satır yüksekliğini belirtir. Satırların arasında alanı belirtmek için kullanılır. Çok fazla kullanılmaz.


Kod:
.tht{line-height: 10.8}
.tht1{line-height: -1.8}

8-)TEXT DİRECTİON:

Text direction özelliği bir metinin yönünü değiştirmekte kullanılır.


Kod:
.tht{direction:rtl}


9-)WORD SPACİNG:

Word spacing sayesinde bir metindeki kelimeler arasındaki alanı belirtmek için kullanabiliriz. Kelimeler arasındaki alanı azaltmak ve çoğaltmak için aşağıda kod dizini verdim.


Kod:
.tht{word-spacing: 10px}
.tht1{word-spacing: -10px}

10-)TEXT SHADOW:



Text shadow ise yazıya gölge verir. Baştan sona olmak üzere 1.3px(dikey gölge), 2.2px(dikey gölgenin konumu) 3. (red) gölgenin rengini belirtir.


Kod:
.tht{text-shadow:3px 2px red}


Umarım konumu beğenmişsinizdir arkadaşlar, beğendiyseniz teşekkür butonuna basmayı unutmayınız.
    


___________________________________________

Çalışmak demek, boşuna yorulmak, terlemek değildir. Zamanın gereklerine göre bilim ve teknik ve her türlü uygar buluşlardan azami derecede istifade etmek zorunludur.

Konu Depdip tarafından (12-09-2018 11:42 Saat 11:42 ) değiştirilmiştir..
 Offline  
 
Alıntı ile Cevapla
Alt 08-09-2018 17:28   #2
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
03/2018
Nereden
Atatürkiye
Yaş
95
Mesajlar
Konular


  


Eline sağlık
    


___________________________________________

███▓ ☾✯ ▓███ATATÜRK'ÜN TORUNU ███▓ ☾✯ ▓███
Hak Yiyen Hack Yer
Amacım İnterneti Kötü Niyetli İnsanlardan Temizlemektir

Başkomutan Gazi Mustafa Kemal Paşa'nın Askerleriyiz...
𐰞𐰯𐰼𐰤 𐰖𐰉𐰆𐰔
 Online  
 
Alıntı ile Cevapla
Alt 08-09-2018 17:36   #3
  • Binbaşı
  • Üye Bilgileri
Üyelik tarihi
08/2018
Nereden
Kerkük
Yaş
16
Mesajlar
Konular


  


Ellerinize Sağlık Albayım
    


___________________________________________

.xxʅ ☨ Tҽαɱ , Rҽɠιʂƚɾαƚισɳ Oϝϝιƈҽɾ

 Offline  
 
Alıntı ile Cevapla
Alt 08-09-2018 19:43   #4
  • Asteğmen
  • Üye Bilgileri
Üyelik tarihi
05/2018
Mesajlar
Konular


  


elines sağlık
    


___________________________________________

internetten oyun oynayarak para kazanmak isteyen bana ulaşsın

Hayatta iki şeye güveniyorum. Biri aynaya baktığımda gördüğüm, diğeri yukarı baktığımda göremediğim.
 Offline  
 
Alıntı ile Cevapla
Alt 08-09-2018 19:43   #5
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
03/2018
Nereden
Geldin
Mesajlar
Konular


  


Ellerinize sağlık Hocam
    


___________________________________________

Eğer kendilerini tanımış olsaydınız, Türklere hayran olurdunuz.-

 Offline  
 
Alıntı ile Cevapla
Alt 08-09-2018 19:44   #6
  • Forumdan Uzaklaştırıldı
  • Üye Bilgileri
Üyelik tarihi
09/2016
Nereden
Tanrı Dağı
Yaş
15
Mesajlar
Konular


  


Ellerine sağlık.
    
 Offline  
 
Alıntı ile Cevapla
Alt 08-09-2018 22:28   #7
  • Teğmen
  • Üye Bilgileri
Üyelik tarihi
04/2012
Nereden
IIS
Mesajlar
Konular


  


hocam elinize kolunuza sağlık harika bir makale hazırlamışsınız anca title'a bir html/css falan eklesek daha tatlı olmazmıydı birde bazı konularda bootstrap'ı tavsiye ederim herkese iyi forumlar.
    


___________________________________________

Hepinize Benden Öpücükler Gün Gelir Devran Döner...
 Offline  
 
Alıntı ile Cevapla
Alt 09-09-2018 11:25   #8
  • Binbaşı
  • Üye Bilgileri
Üyelik tarihi
08/2018
Nereden
Kerkük
Yaş
16
Mesajlar
Konular


  


Konunun Mesajını Güncelledinizmi Güncellicem Demiştinizde
    


___________________________________________

.xxʅ ☨ Tҽαɱ , Rҽɠιʂƚɾαƚισɳ Oϝϝιƈҽɾ

 Offline  
 
Alıntı ile Cevapla
Alt 09-09-2018 13:44   #9
  • Tamamen Forumdan Uzaklaştırıldı
  • Üye Bilgileri
Üyelik tarihi
08/2018
Nereden
New York
Mesajlar
Konular


  


elinize sağlık hocam
    
 Offline  
 
Alıntı ile Cevapla
Alt 11-09-2018 23:22   #10
  • Tamamen Forumdan Uzaklaştırıldı
  • Üye Bilgileri
Üyelik tarihi
08/2018
Mesajlar
Konular


  


elinize saglik hocam
    
 Offline  
 
Alıntı ile Cevapla
Cevapla

Bookmarks

Seçenekler


Bilgilendirme Turkhackteam.net/org
Sitemizde yer alan konular üyelerimiz tarafından paylaşılmaktadır.
Bu konular yasalara uygunluk ve telif hakkı konusunda yönetimimiz tarafından kontrol edilse de, gözden kaçabilen içerikler yer alabilmektedir.
Bu tür konuları turkhackteamiletisim [at] gmail.com mail adresimize bildirebilirsiniz, konular hakkında en kısa sürede gerekli işlemler yapılacaktır.
Please Report Abuse, DMCA, Harassment, Scamming, Warez, Crack, Divx, Mp3 or any Illegal Activity to turkhackteamiletisim [at] gmail.com

Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz.
Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.



         

Powered by vBulletin® Copyright ©2000 - 2018

TSK Mehmetçik Vakfı

Türk Polis Teşkilatını Güçlendirme Vakfı



Google+
film izle

wau

Search Engine Friendly URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.