ja_mageia

Yeni CSS menü

Web paketlerimizde kullanılan teknikler en son web sitelerinde kullanılan kodlama dilleri standartlarına uygundur.  Html ve css standartlarının tümüne sahiptir.

  • Narrow screen resolution
  • Wide screen resolution
  • Decrease font size
  • Default font size
  • Increase font size
Anasayfa Tipografi
Tema Tipografisi PDF Yazdır ePosta
Çarşamba, 28 Şubat 2007 13:59

Tipografi içeriklerin okunulabilirliğini artırmak için, bazı noktalara daha fazla dikkat çekmek için ve içeriğiniz magazin formatında süslemek için yararlanılan stillerdir. Aşağıda bu pakete özel önceden hazırlanmış tipografileri yazınızın içinde nasıl kullanacağınız anlatılmıştır.

Koyu olarak yazılmış kodlar içerik oluştururken görünüm modunda değil kod modunda yazıya özellik katmanız için kullanacağınız kodlardır. Örneklerde nasıl kullanılacağı gösterilmiştir.

Bu yazı heading 1

Sitenebak.com web paketlerinin kendine özel tipografilerini inceleyiniz.

Bu yazı heading 2

Sitenebak.com web paketlerinin kendine özel tipografilerini inceleyiniz.

aşağıdaki örnekte <pre> ya da <div class="code"> kullanılmıştır.

#ja-rightcol { 	width: 180px; 	float: right; 	color: #EEEEEE; }

Bu yazı heading 3

Sitenebak.com web paketlerinin kendine özel tipografilerini inceleyiniz.

  1. Bu örnek, sıralı liste.
  2. açıklamalar.
  3. açıklamalar.
  4. açıklamalar.

Bu yazı heading 4

Sitenebak.com web paketlerinin kendine özel tipografilerini inceleyiniz.

Bu örnek sıra numarası olmayan Liste.

  • komple web paketleri.
  • tr lokasyonlu sunucular.
  • hızlı erişim.
YUVARLATILMIŞ KONUŞMA BALONU örneği.<div class="bubble1"> <div> <div> <div> <div> <div> Balon içeriği buraya! </div> </div> </div> </div> </div><span class="author">Yuvarlatılmış konuşma balonu</span> </div>

KARE KONUŞMA BALONU örneği<div class="bubble2"><div><div><div> <div><div>Balon içeriği buraya! </div></div></div></div></div><span class="author">Kare konuşma balonu.</span> </div>

YUVARLATILMIŞ DÜŞÜNME BALONU örneği<div class="bubble3"> <div> <div> <div> <div> <div> Balon içeriği buraya! </div> </div> </div> </div></div><span class="author">Yuvarlatılmış düşünme balonu</span> </div>
.
KARE DÜŞÜNME BALONU örneği<div class="bubble4"><div><div><div><div><div> Balon içeriği buraya! </div></div></div></div></div><span class="author">Kare düşünme balonu</span> </div>

Örnek klip notu <p class="stickynote">klip notunuz buraya yazılacak!</p> formatında yazılacak.!

Örnek download<p class="download">Your download goes here!</p> formatında yazılacak.!

Alıntı örneği<blockquote>İçerik buraya yazılacak!</blockquote> formatında yazılacak.!
Alıntı örneği<div class="blockquote"><blockquote>İçerik buraya yazılacak!</blockquote></div> formatında yazılacak.!
Vurgulu Alıntı örneği<div class="quote-hilite"><blockquote>İçerik buraya yazılacak!</blockquote></div> formatında yazılacak.!

01Küçük blok numarası örneği <p class="blocknumber"><span class="bignumber">01.</span>İçerik buraya yazılacak!</p> formatında yazılacak.!

02Küçük blok numarası örneği <p class="blocknumber"><span class="bignumber">02.</span>İçerik buraya yazılacak!</p> formatında yazılacak.!

03Küçük blok numarası örneği <p class="blocknumber"><span class="bignumber">03.</span>İçerik buraya yazılacak!</p> formatında yazılacak.!

Örnek hata mesajı <p class="error">Hata mesajı buraya yazılacak !</p>.

Örnek bilgi mesajı <p class="message">Bilgi mesajı buraya yazılacak !</p>.

Örnek not mesajı <p class="tips">Not mesajı buraya yazılacak !</p>.

Örnek vurgulu mesaj <span class="highlight">Vurgulu yazı buraya yazılacak !</span>.

Magazin ya da gazete sitili. Paragrafın ilk harfi büyük. Sitenebak.com web paketi çözümlerinin herbirinde farklı tipografiler mevcuttur. Değişik stiller için diğer paketleride inceleyebilirsiniz.Sitenebak.com web paketi çözümlerinin herbirinde farklı tipografiler mevcuttur. Değişik stiller için diğer paketleride inceleyebilirsiniz..