Merhaba arkadaşlar. Anlatmak istediğimi http://www.sonsahne.tr.gg de görebilirsiniz
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
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
Ben size örnek olarak basit bir tasarım en altta vericem
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:
NOT: Bu kodu her sayfanızda eklemeniz gereklidir
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.
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.
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
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
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 )
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
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
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.
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
Başta dediğim gibi örnek ve basit bir tasarım vericem demiştim
tasarımı ön izle: http://sonsahne.tr.gg/ornek_tasarim.htm
------------------------------------------
Yapamayan sitem bozuldu gibi acayip yorumlar yapmak yerine
yardım istesin
Elimden geldiğince anlatmaya çalıştım umarım anlaşılır olmuştur.
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
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
Ben size örnek olarak basit bir tasarım en altta vericem
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: |
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
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
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 )
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
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
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
Başta dediğim gibi örnek ve basit bir tasarım vericem demiştim
tasarımı ön izle: http://sonsahne.tr.gg/ornek_tasarim.htm
Kod: | ||||||||||
|
------------------------------------------
Yapamayan sitem bozuldu gibi acayip yorumlar yapmak yerine
yardım istesin
Elimden geldiğince anlatmaya çalıştım umarım anlaşılır olmuştur.