THB - Ücretsiz Hizmetler

cssd6

Ders 6

Her sayfaya farklı CSS tasarım eklemek

Öncelikle kullanacağımız kodu görelim..
<style>
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
div.header_oben{display: none;}
div.Feld_unten {display: none;}
div.sidebar_container{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
</style>

Bu kodla belirttiğim yerler bize büyük fayda sağlayacak..

Style tagları arasına almamın sebebi kodu ekleyeceğimiz yerin sadece tasarımını değiştireceğimiz sayfaya eklememizdendir..

Bu kod sadece tasarımın altına ve üstüne eklenmiş; css,html,template,wordpress,joomla vs tasarımları için geçerlidir..

Ekliyeceğimiz sayfayı açıyoruz ve kaynağa tıklayoruz...
Öncelikle aşağıdaki kodu ekliyoruz..
<style>
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
div.header_oben{display: none;}
div.Feld_unten {display: none;}
div.sidebar_container{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
</style>

Sonra
<style>
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
div.header_oben{display: none;}
div.Feld_unten {display: none;}
div.sidebar_container{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

Tasarımımız Css kodu ve gizleme kodu arasında bir satır başluk kalacak şekilde ''Tasarımımızın Css Kodunu'' buraya ekliyoruz..
</style>

Sonra Style kodumuzun bir satır altına şu taslakta olduğu gibi T.Altı ve Üstü kodlarımızı ekliyoruz...

Tasarımın Üstüne eklyeceğimiz kod
İçeriğinizi buraya ekleyin..
Tasarımın Altına ekleyeceğimiz kod

Yukarıda belirttiğim gibi içeriğimizi iki kodun arasına ekliyoruz..