<?php bloginfo('title'); ?> - <?php the_title(); ?>

logo

Sitemize hoşgeldiniz.
Tarih: Buraya tarih HTML kodu
Saat: Buraya saat HTML kodu

Site Map Contacts anasayfa

TAKVİM

Deneme yazı

GÜNCEL YAZILAR

Deneme yazı

Son Yorumlar

Deneme yazı

ARŞİVLER

Üye Panelİ

Merhaba, » Kontrol Paneli
» Profil
»

Anket

Deneme yazı
  • REKLAM

    reklam

    CCS1


    CSS DESİGN ÖRNEK TASARIM (Resimli Anlatım)
     


    Öncelikle resimde görüldüğü gibi Css Design Tasarımını seçiyoruz. 






    Css Design tasarımında menü gizleme kodunu eklememiz gereklidir. 

    Menü gizleme kodunu Navigasyonun baslığı: kutucuğuna yapıştırıyoruz. Ardından Kaydet diyoruz

    Css Design Menü Gizleme Kodu Aşağıdaa 

    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

    <style type="text/css">
                <!--
    td.nav {visibility:hidden;}
    --> </style> 






    "Ayarlar" sayfasına gelerek site başlığını yok etmeliyiz.Bunu ise site başlığı: Yazının karşısındaki kutucuğa bir kez tıklayıp ardından space (boşluk) tuşuna basıyoruz ve Sonra Kaydet 
     Butonuna Tıklıyoruz...







    Sayfalarımı değiştir / Yeni sayfa diyoruz....  






    Aşağıda görüldüğü gibi araçlarımız gösteriliyor.
    Tasarımımızın bir tablo içerisinde olması için aşağıdaki yolu izliyoruz. oke ;D






    Aşağıdaki  Resimde görüldüğü dış tablomuzu yaptık ....







    En üste banner resmi koyacaz.Onun için yaptığımız tablonun en üstüne banner'lık bi tablo yapacağız. 






    Resimde görüldüğü gibi banner resmi ekleme işlemi yapılmaktadır.Banner boyutları 800 x 100 boyutlarında.Ona göre banner yapabilirsiniz..








    Ve işte banner' ımız tablonun içine eklenmiş durumda Wink 






    Şimdide dış tablomuzun içini renklendirmeye geçelim 








    Resimde görüldüğü gibi renk seçiyoruz 





    Böylece Tablomuzu reklendiriyoruz Tabi renk işi size kalmış

    Şimdi İse Menü bölümlerimizi yapıcağız...







    Yapmış olduğumuz tablonun içine menü kutucukları koyalım.Menü kutucukları tablo ebatları;
    satırlar:1
    sütunlar:1
    Kenar kalınlığı:1
    Genişlik:210

    Kaç tane sayfamız olacaksa o kadar menü tablosu ekliyoruz ve içlerine sayfa yazılarını ekliyoruz.






    Sayfa Linki Yazdığım yeri seçiyorum ve Köprü ekle aracına tıklıyorum.Sonrası resimlerde görüldüğü gibi yapın.....






    Tasarım olarak biraz bilgi öğretmeye çalıştım.Genel olarak bu verdiğim bilgilere dayanarak kafanızda tasarladığınız tasarımlar yaratabilirsiniz.

    Son bi kaç bilgi vereceğim..Daha önce menü gizleme kodu vermiştim.Onu bi yere daha yapıştıracağız.Bu kodu resimdeki yere yapıştırmazsak sitemiz görünmez haberiniz olsun...


    Css Design Menü Gizleme Kodu:

    Kod:
    <style type="text/css">
                <!--
    td.nav {visibility:hidden;}
    --> </style> 







    Tekrar "Kaynak" aracına tıklayarak Ctrl + A yapıyoruz.Yani kodlarımızın hepsini seçiyoruz ve kopyalıyoruz.. 








    Bu kopyaladığımız kodu bütün sayfalara yapıştırıyoruz.Yapıştırıyoruz derken direk yapıştırmayın.Öncelikle "Kaynak" aracına tıklayıp sonra yapıştırıyoruz.. 





    Görüldüğü gibi bütün sayfalara yapıştırıyorum.. 






    Tasarladığımız sitenin içeriklerini her sayfanın kendisine göre dolduruyoruz

     


    Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
    Ücretsiz kaydol