AKSU YAZILIM
Css Tasarım Yapımı
İntroyu Butonsuz Kullanİntroyu kullanmak istiyorum ancak Giriş Butonu çok hoş durmuyor. Bu buton olmadan, mesela bir resme link vererek, introyu kullanmak mümkün mü?
Cevap:
Elbette mümkün. Mesela bizim sitemizin introsu bu şekilde, giriş butonu yok. Bunun için de basit bir kod kullanacağız. Ama önce kullanmak istediğimiz resme köprü (link) eklemeyi anlatalım. Aramıza yeni katılanları da düşünerek detaylı bir anlatım sunmaya çalışacağım:
• Sayfalarımı Değiştir'e gidiyoruz.
• En alttan Yeni Sayfa Ekle diyoruz.
• Burda Resim Ekle/Düzenle'ye basıyoruz.
• Açılan pencerede Resim Bilgisi sekmesine resmin konumunu (url'sini) yazıyoruz. Kenar değerini 0 (sıfır) veriyoruz. Böylece resim etrafındaki maviliği kaldırmış oluyoruz.
• Daha sonra Köprü sekmesine geliyoruz ve resme tıklandığında sitenizin hangi sayfasına girilmesi gerektiğini belirtiyoruz; örneğin sitenizin ana sayfasını.
• Bütün bu aşamalardan sonra sol üstte yer alan KAYNAK butonuna basıyoruz ve kodu alarak Ekstraları değiştir'e gidiyoruz. Eğer Intromuz aktif değilse aktif ediyoruz ve düzenlemek için tekrar burda da KAYNAK butonuna basıyoruz. Az önce almış olduğumuz resim kodunu buraya yapıştırıyoruz.
• Ancak hala Giriş Butonunu kaybetmiş değiliz. Bunun içinde aşağıdaki kodu da ekleyerek kaydedip çıkıyoruz.
<style type="text/css">
input {visibility:hidden;}
</style>
...................................................................................................................................................................................................Menü Gizleme Olmadan Css
kaynak:hackerfriend.tr.gg
Bu Kodu TASARIM Ayarları Gelısmıs Ayarlar Css Kutucuguna Eklıyelım
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
.....................................................................................................................Ücretsiz (free) bir şablonu (template'i) TR.GG siteniz için nasıl uygulanacağını aşağıda resimli olarak anlatmaya çalıştık. Umarım faydalı bir ders olur.
Derse başlamadan önce aşağıdaki kodu not alınız. Çünkü işinize yarayacak. Eskiden kullanılan menü gizleme kodunu kaldırın. Ve ilk kez tarafımızca keşfedilmiş olan aşağıdaki kodu kullanın. Bu kod sayesinde her sayfaya, her ekstraya menü gizleme kodu yapıştırmamış olacaksınız.
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
Uyguladığımız tasarım:
http://www.freecsstemplates.org/preview/bestfriends
Önemli Not:
• "Tasarımı indirdim ancak içinden content diye bir şey bulamadım" diye bir çok soru ile karşılaştım. Evet, olmayabilir. Önemli olan içeriklerin yer aldığı katmanı (division) bulabilmek ve bu aşamayı iyi kavramak olacak. Kimi ücretsiz tasarımlarda bu katman (yani <div>) main, post, page, icerik gibi tanımlanabilir. İsmin hiç bir önemi yok.
• İçerik katmanını bulduktan sonra bu içerik katmanına kadar olan kısmı TASARIM ÜSTÜNE, geri kalanı da TASARIM ALTINA yerleştirmek gerekiyor. Örneğin tasarım içindeki katman ismi page olsun.
Tasarım üstüne:
....
....
....
....
... <div id="page">
Tasarım altına:
</div>
....
....
....
yerleştirilecek.
Anlatım: Hackerfriend.net alıntıdır
http://www.net-uzman.tr.gg/ alıntıdır