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
  • Forumdan Uzaklaştırıldı
  • Üye Bilgileri
Üyelik tarihi
08/2017
Nereden
NewYork
Mesajlar
Konular

Teşekkür (Etti): 296
Teşekkür (Aldı): 419


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.

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
  • Yüzbaşı
  • Üye Bilgileri
Üyelik tarihi
03/2018
Nereden
Red Square
Mesajlar
Konular

Teşekkür (Etti): 249
Teşekkür (Aldı): 181




Eline sağlık



___________________________________________

█▓ ☾✯ ▓█ATATÜRK'ÜN TORUNU █▓ ☾✯ ▓█
Ben Vatanseverliği Atatürk'ten,
Halkçılığı Tito'dan,
Yenilikçiliği Che'den,
Milliyetçiliği Ecevit'ten,
Hackerliği ise Solo-Türk'ten öğrendim.
Benim karşımda kimse duramaz !


 Online  
 
Alıntı ile Cevapla
Alt 08-09-2018 17:36   #3
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
08/2018
Nereden
Kerkük
Yaş
81
Mesajlar
Konular

Teşekkür (Etti): 342
Teşekkür (Aldı): 409




Ellerinize Sağlık Albayım



___________________________________________

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

 Offline  
 
Alıntı ile Cevapla
Alt 08-09-2018 19:43   #4
  • Tamamen Forumdan Uzaklaştırıldı
  • Üye Bilgileri
Üyelik tarihi
05/2018
Mesajlar
Konular

Teşekkür (Etti): 70
Teşekkür (Aldı): 27




elines sağlık
 Offline  
 
Alıntı ile Cevapla
Alt 08-09-2018 19:43   #5
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
03/2018
Nereden
Geldin
Mesajlar
Konular

Teşekkür (Etti): 73
Teşekkür (Aldı): 90




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
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
09/2016
Nereden
Tanrı Dağı
Yaş
15
Mesajlar
Konular

Teşekkür (Etti): 343
Teşekkür (Aldı): 259




Ellerine sağlık.



___________________________________________

Birazcık Yukarıya Bak.

Bir şey her şey için, her şey bir şey için vardır.
J. W. Von GOETHE

 Offline  
 
Alıntı ile Cevapla
Alt 08-09-2018 22:28   #7
  • AR-GE Tim Asistanı
  • Üye Bilgileri
Üyelik tarihi
04/2012
Nereden
IIS
Mesajlar
Konular

Teşekkür (Etti): 58
Teşekkür (Aldı): 75




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.



___________________________________________

Kanı yerde gururumun bir hayli çok
Düşündüm, kin tutamaz kalbim sana
Neresinden dönsem zarar bu sevdanın
Ne yazık ki çıkmaz sokak kalbim sana

ONURCAN ÖZCAN - 1997-∞
 Offline  
 
Alıntı ile Cevapla
Alt 09-09-2018 11:25   #8
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
08/2018
Nereden
Kerkük
Yaş
81
Mesajlar
Konular

Teşekkür (Etti): 342
Teşekkür (Aldı): 409




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

Teşekkür (Etti): 42
Teşekkür (Aldı): 36




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

Teşekkür (Etti): 6
Teşekkür (Aldı): 17




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 - 2019

TSK Mehmetçik Vakfı

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

Google+
Pomeranian Boo
instagram takipci hilesi

wau