10 Ekim 2010 Pazar

Şablon dersleri; Yazı alanını genişletmek

Tema tasarlarken çoğunlukla istek genellikle "geniş bir yazı alanı" oluyor..
Bende bunun için sizlere birkaç komut göstericeğim.. Bölylelikle kendiniz temanızda istenilen düzeyde ayarlama yapabileceksiniz..
 Başlıyorum hazırmısınızzzz?:)
Öncelikle belirtmek isterimki.. 
Temel şablonlarda bu anlattığım yöntem geçerlidir..
Her şablona uymayabilir..
 
İlkönce; 
Kumanda panelinden-tasarım ve Html'yi düzenleyi seçelim..
Sonra;
Aşağıdaki kodları kırmızı yazılan şekilde değiştirelim..
Ctrl+F'yi tıklayarak bu kodları bulabilirsiniz..

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 1200px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 980px;
background:#ffffff;
padding:0 10px 0 10px;
 
#sidebar-wrapper {
  width: 180px;
background:#ffffff;
padding:0 10px 0 10px;
Şimdilik durum şöyle oldu..
Yazı alanının genişliğini üstteki resimden görebilirsiniz

Başlık kısmımız yazı alanımıza göre biraz küçük kaldı..
Böyle hoşunuza gitmediyse isteğinize göre "yazı alanıyla header kısmını eşit boyutlandırma" konusunda ayrı bir post hazırlayabilirim..

Kolay gelsinn


Öpüldünüzzzz 

2 yorum:

Bambi ♫ dedi ki...

Ellerine sağlık baya bilgilisin bu konularda bu derslere devam etmeni gerçekten çok isterim.

Sed dedi ki...

evet ellerine sağlık.. lütfen o yazıyı bende çok istiyorum.. :)

 
©desing by Cansu ASLAN