Banner

Aya Göre Arşiv: ‘Kasım 2016’

Css Background-Color

Ögelere zemin (background) rengi vermek veya zemin resmi eklemek ile onların nasıl davranış göstereceğini kapsar. Background, arka plân olarak da adlandırılabilir. Bu özellikler;

  • background-color

Background Color

Kategori Genel
25.11.2016
1849 Okunma

Web Sitesi Şablonu Oluşturma

Web Sitesini oluşturmadan önce belli bir şablon ile çalışmak zaman kaybını önleyecek ve sistematik çalışmanızı kolaylaştıracaktır. Artık günümüzde yapılan tüm web sitelerinin belli bir sistematik düzende şablonlarının olduğunu bilmekteyiz. Web sitesi hazırlarken web sitesinin dosyalarının belli bir düzende olması gerekliliği web site şablonlarının oluşturulmasını da zorunlu kılmıştır. Örneğin sitil ,javascript,resim dosyalarının hangi klasörde olacağını düşünmeliyiz.

Bunlar için aşağıdaki gibi klasörleri oluşturup sitemizi bu şablona göre oluşturmalıyız.

  • css
  • db
  • img
  • js
  • lib
  • index.html

 

web_schema

Icon

public_html 0.58 KB 17 downloads

Web Sitesi Şablonu ...

 

 

 

 

Kategori Css
24.11.2016
1885 Okunma

Css ile Siteyi Ortalama

Yapacağınız bir sitenin, sayfanın tam ortasında görünmesini istiyorsunuz diyelim. Bunu çok basit ve pratik bir işlemle çözebilirsiniz.

Öncelikle kendimize bir taşıyıcı belirliyoruz. Taşıyıcı nedir derseniz ,

resimdeki “container” taşıyıcıdır. Taşıyıcı bütün öğeleri içine alır. Yazacağımız her şey bunun içinde yer alır ve sayfayı hizalarken bunu kullanırız.

Sayfayı ortalamanın ilk yolu kodda göründüğü gibidir.

1
#container {width: 760px; margin: 0 auto; }

Css dosyanızda bu şekilde bir kullanım opera ve firefox gibi tarayıcılarda sorunsuz görünse de internet explorer‘da sorun çıkartacaktır. Bütün tarayıcılarda ortalanmış sorunsuz bir görüntü elde etmek istiyorsak yapmamız gereken css dosyamızdaki body seçicisini şu şekilde düzenlemek.

1
body {text-align: center; }

Böylece sayfadaki her şey ortalanacaktır. Fakat bizim istediğimiz sadece taşıyıcının (container) ortalanması ve diğerleri nesnelerin(yazır, resim…) taşıyıcının içinde sola yaslanması. Kodumuza son halini verip bütünleştirirsek css dosyamız şöyle olmalıdır

1
2
body {text-align: center; }
#container {width: 760px; margin: 0 auto; text-align: left; }

Artık tamamen ortalanmış bir sitemiz var 😉

Not: Bu resmi de iyiki zamanında hazırlamışım. Her makalede işime yarıyor 🙂

 

Kaynak :http://www.yakuter.com/css-ile-siteyi-ortalama/

Kategori Css
22.11.2016
1712 Okunma