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 ile Yatay Açılır Menü

Çalışan örneğini şu adresten inceleyebileceğiniz, jQuery ile hazırlanmış bir yatay açılır menü örneği.  İndirme bağlantısına şu adresten ulaşabilirsiniz. Parola : ” dinam “

Div ile Ortalanmış Css İle Hizalama

Çalışan örneğini şu adresten inceleyebileceğiniz,Css ile hazırlanmış bir Div ile ortalanmış Css ile hizalama yöntemi.  İndirme bağlantısına şu adresten ulaşabilirsiniz. Parola : ” dinam “ Dipnot: ” Margin-left: auto; margin-right: … Devamını oku..

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

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

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