Doğu Türkistandaki Katliyamı Boykot Ediyoruz!
...:::Herkese MerhabaLar:::... umarım sıtemızı begenırsınız

 

1. Adım:
Resimdeki gibi css desing 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:
Kod:
<style type="text/css">
<!--
td.nav {visibility:hidden;}
--> </style>

NOT: Bu kodu her sayfanızda eklemeniz gereklidir Wink



kaydet dedikten sonra tasarım ayarlarından gelişmiş ayarlara geçerek
sitenizde site başlığı gözükmemesi için aşağıdaki kodu CSS Kodu
(Style tagleri olmadan yazınız): bölümüne yapıştırıp kaydediyoruz.
Kod:
div.header{display: none;}



CSS ile ilgili diğer bilmeniz gereken kodları BURADAN bulabilirsiniz.
CSS desing yapımı detaylı anlatımını BURADAN bulabilirsiniz.

2. Adım:
Sayfalarımı değiştirden Ana sayafayı seçin
Ana sayfanın adını index olarak değiştirin
Tasarım kodunuzu anasayfa yani indexe ekleyeceksiniz.

tasarımınızın orta kısmına yani içeriklerin olacağı kısmına iframe kodunu yerleştiriyoruz.
Kod:
<iframe style="width: 539px; height: 447px" border="0" name="S1" src="anasayfa.htm" frameborder="0" width="457" height="289">
            SonSahne</iframe>



indexe eklediğiniz iframe kodunun boyutunu tasarımınıza göre mause ile boyutunu ayarlayabilirsiniz.

iframe kodunda bulunan aşağıda kırmızı yazılı bölüme dikkat edelim.
name ye isim olarak S1 verdim. siz değiştirip başka bir isim koyabilirsiniz. Bu isim menümüzü hazırlarken lazım olacak Wink

<iframe style="width: 539px; height: 447px" border="0" name="S1" src="anasayfa.htm" frameborder="0" width="457" height="289">
SonSahne</iframe>


NOT: iframedeki src"anasayfa.htm" sitenize girildiğinde hangi sayfanın ana sayfa olacağını ayarlar.

sitenize girildiğinde ilk hangi sayfanın çıkacağını kendiniz belirleyeceksiniz.
iframedeki src"anasayfa.htm" yerine src"deftereyaz.htm" yazarsanız ana sayfanız ziyaretçi defteri olur Wink

iframeyide tasarımımıza ekledik boyutunu ayarladık.

3. Adım:
Sitemizin ana sayfasını index olarak değiştirmiştik ve içine tasarım eklemiştik.

şimdi kendimize bir ana sayfa yapıyoruz.

sitene giriş
sayfalarımı değiştir
yeni sayfa ekle
sayfanın adını anasayfa yapın. (iframe kodundaki src"anasayfa.htm" nin aynı olması gereklidir Wink )
kaydet


4. Adım:
4. adımda menü oluşturucaz.
menümüzü iframeye göre ayarlıyıcaz.
bu ne demek derseniz iframe deki kırmızı olan yere dikkat çekmiştim.
menümüze köprü verirkende name ye eklediğimiz ismi yazıcaz Wink
resimleri dikkatlice inceleyiniz.





5. Adım:
Tasarımımız bitti.
şimdi içeriklerimizi iframeye göre yani iframenin sağa doğru kaydırma çubuğu olmadan ayarlayalım ki sitemiz daha düzgün gözüksün Wink
bu ayarı içerikleri eklediğinizde yapmalısınız.


Tasarımı bitirdik gelelim siteye müzik eklemeye.

sitenize müziği index sayfasına (tasarımın olduğu sayfaya) ekliyoruz.
tasarım ayarlarına eklemiyoruz.
Arkaplan müziği ekstrasınada müzik eklemiyoruz.

Tasarım ayarlarına eklenebilecek kodlar:

arkaplan resim veya renk kodları eklenebilir.
Kod:
<body bgcolor="#000000">



Mause kodu eklenebilir.
Link şekillendirici kodlar eklenebilir.

kısacası tasarımda gözükecek reklam vb. kodları tasarım ayarlarına eklemiyoruz.
index sayfasına ekliyoruz Wink


Başta dediğim gibi örnek ve basit bir tasarım vericem demiştim Wink
tasarımı ön izle: http://sonsahne.tr.gg/ornek_tasarim.htm

Kod:
<center><iframe style="border-right: #0000ff 2px outset; border-top: #0000ff 2px outset; border-left: #0000ff 2px outset; border-bottom: #0000ff 2px outset" name="aquamp" src="http://askimsinfm.forumt.biz/player-h17.htm" width="100%" scrolling="no" height="38" target="_blank"></iframe><br />
</center><center>
<table height="525" cellspacing="0" cellpadding="0" width="100%" align="center" border="1">
    <tbody>
        <tr>
            <td bordercolor="#ff6600" width="100%" colspan="3"><strong>
            <center><strong><font face="Comic Sans MS" color="#ff6600" size="7">SİTENİN BAŞLIĞI<br />
            <font color="#ff0000" size="4">(başlık resmi ekleyebilirsiniz)<br />
            <script type="text/javascript"><!--
google_ad_client = "pub-3590746207496551";
/* 728x15, oluşturulma 03.08.2008 */
google_ad_slot = "6193566567";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script><script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></font></font></strong></center>
            </strong></td>
        </tr>
        <tr>
            <td bordercolor="#ff6600" width="200"><font color="#ff6600" size="4"><strong>
            <center><strong><font face="Times New Roman" color="#ff6600" size="4">~~~~~~M&pound;N&Uuml;~~~~~~</font></strong></center>
            </strong></font></td>
            <td bordercolor="#ff6600" width="100%">&nbsp;</td>
        </tr>
        <tr>
            <td valign="top" bordercolor="#ff6600" width="200"><a target="S1" href="anasayfa.htm"><font face="Times New Roman" size="3"><strong>Ana Sayfa</strong></font></a><br />
            <a target="S1" href="deftereyaz.htm"><font face="Times New Roman" size="3"><strong>Deftere Yaz</strong></font></a><br />
            <a target="S1" href="iletisim.htm"><strong><font face="Times New Roman" size="3">İletişim</font></strong></a></td>
            <td valign="top" bordercolor="#ff6600" width="100%"><iframe style="width: 100%; height: 392px" border="0" name="S1" src="anasayfa.htm" frameborder="0" width="100%" height="289">
            DJ-SonSahne</iframe></td>
        </tr>
        <tr>
            <td bordercolor="#ff6600" width="100%" bgcolor="#000000" colspan="3">
            <center><font color="#ff6600"><font face="Times New Roman"><font size="2"><strong>Copyright &copy; 2008 </strong></font></font></font><a target="_blank" href="http://www.sonsahne.tr.gg"><font face="Times New Roman" color="#ff6600" size="2"><strong><em>SonSahne</em></strong></font></a><font face="Times New Roman" color="#ff6600" size="2"><strong> T&uuml;m Hakları Saklıdır.</strong></font></center>
            </td>
        </tr>
    </tbody>
</table>
</center>
 
 
KAYAN YAZI   KOD   
td height="54" bgcolor="#000000" valign="bottom">




HOS GELDIN MESAJI

<script language="javascript">

<!--

alert("---Sitenizin Adı--- Hoşgeldiniz...")

window.status="---Sitenizin Adı--- Sayfama Hoşgeldiniz..."

-->

</script>


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