- Sitene Muzik Ekleme

Sitene Muzik Ekleme

Merhaba arkadaşlar. Anlatmak istediğimi http://www.sonsahne.tr.gg de görebilirsiniz Wink

Amaç tasarım yenilenmeden sayfa değiştirmek.
Bu işi yapmak zor gibi gözükebilir. Ama mantığını anladıktan sonra ne kadar kolay olduğunu anlayacaksınız Wink

Bunun için CSS Tasarımı kullanmalısınız.
Yapmanız gereken bir tasarım oluşturmak. Tablo kullanarak yapabilirsiniz.
Veya css için kullanılan hazır tasarımları bu sisteme göre düzenleyebilirsiniz Wink

Ben size örnek olarak basit bir tasarım en altta vericem Wink

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:

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:

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

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:

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">
</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£NÜ~~~~~~</font></strong></center>
</strong></font></td>
<td bordercolor="#ff6600" width="100%"> </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 © 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üm Hakları Saklıdır.</strong></font></center>
</td>
</tr>
</tbody>
</table>
</center>

------------------------------------------
Yapamayan sitem bozuldu gibi acayip yorumlar yapmak yerine
yardım istesin Wink

Elimden geldiğince anlatmaya çalıştım umarım anlaşılır olmuştur.

1. Adım resimleri Photoshopar anlatımından alıntı yapılmıştır.

Sitene Muzik Ekleme

Şarkı Türleri

Siten İçin