Tasarım Kodlama

CSS Örnekleri: Satranç Tathası Yapımı

Satranç oyunu hep ilgili çekmiş bir oyundur. Oynaması kadar, uzmanları tarafından oynanan oyunları YouTube üzerinden izlemesi de hep keyif vermiştir. Bu örneği yapmak da yine bir oyun izlerken oldu.

Uygulamada temel CSS kodları kullanarak satranç tahtası ve üzerindeki taşları yapacağız. Mevcut CSS Örneğinde etiket seçici ve sınıf seçici kullanılmıştır. Tablo biçimlendirmesi yanı sıra sayfa arkaplan biçimlendirmesi ve CSS ile yazıları ve sayfayı ortalama işlemleri de örnek içinde yapılmıştır.

 

Uygulamayı adım adım yapacaklar için kullanılan taşların unicode ve html kod karşılıkları şöyledir.

♔ ♔♕ ♕♚ ♚♛ ♛
♖ ♖♗ ♗♜ ♜♝ ♝
♘ ♘♙ ♙♞ ♞♟ ♟

HTML Kodu

 

Yorum yap