18
Kas

Arapça Site Kodlamak ve ( direction:rtl )

Arapça dil site kodlamaya başladığınızda bazı sorunlarla karşılaşıyorsunuz. Bu sorunlar dilin latin alfabesi olmaması ve soldan sağa değil sağdan sola doğru akmasından kaynaklanıyor. Benzer yapıdaki diğer dillerde de aynı sorunlar yaşanabilir.

Aldığı değerler

  • ltr : Soldan sağa (left to right)
  • rtl: Sağdan sola(right to left)

Yazı akışının soldan sağa doğru değilde sağdan sola doğru olmasını css’in bu özelliği ile sağlayabiliyoruz.

body{
direction:rtl
}

body elemanına vererek tüm siteyi sağdan sola doğru akmasını sağlayabildiğimiz gibi, sadece bir eleman ve içeriğinide sağdan sola doğru akmasını sağlayabiliyoruz.

div#deneme{
direction:rtl
}

İpuçları :

  • Karakter seti olarak utf-8 seçmeliyiz.
  • Metinleri değiştirirken resimlerdeki yazıları değiştirmeyi unutmamalıyız.
  • Akışı sağdan sola olarak değiştirdiğimizde float:left ve float:right kabullerimiz tam tersi oluyor. float:left’leri float:right; float:right’larıda float:left olarak değiştirmeliyiz.
  • Tüm dokümanın sağdan sola olması için body elementine direction:rtl değerini tanımlamamız yeterli.
  • Metinlerin hizalaması için kullandığınız değerleri tam tersi olarak değiştirmeliyiz. text-align:left ve text-align:right değerlerini tam tersi olarak değiştirmeliyiz.
  • Mesafe değerlerinide tersine çevirmeliyiz. padding, margin değerleri mesela
  • Yazı tipi boyutlarını arapça sitede biraz daha büyük seçmemiz daha iyi olacaktır.
  • Bir metni Phoshop’a taşıdığımızda ters çeviriyor ve bozuyor, bu durumu düzeltmek için http://www.adobe.com/support/downloads/thankyou.jsp?ftpID=4107&fileID=3813 adresindeki şablondan yardım almamız gerekiyor. Faik’e teşekkürler bu link için



Bunları İncelediniz mi?

JQuery Animasyonlu Açılır Perde Girişi

Çalışan örneğini şu adresten inceleyebileceğiniz, jQuery maharetiyle hazırlanmış son derece şık bir site giriş uygulaması. indirme bağlantısına şu adresten ulaşabilirsiniz. parola : ” dinam “

WordPress 403 Forbidden Hatasının Çözümü

403 Forbidden  Access to this resource on the server is denied! Powered By LiteSpeed Web Server  LiteSpeed Technologies is not responsible for administration and contents of this web site! Eger … Devamını oku..

Adres Çubuğunda Icon Gösterme ( Online favicon oluşturma )

Adres çubuğunda istediğiniz iconun gözükmesi için öncelikle belirlediğiniz iconun *.ico uzantılı olması gerekmektedir. Eğer koymak istediğiniz icon *.ico uzantılı değilse aşağıdaki adresten kolaylıkla *.ico dosyasına çevirebilirsiniz, yani favori icon oluşturabilirsiniz … Devamını oku..

© Copyright 2010-2018 Dinam Kemaloğlu. Tasarım: — Dinam Kemaloğlu.

Üye Girişi Valid XHTML 1.0 Transitional I Love You Wordpress