Forum'da ara:
Ara


Yazar Mesaj
Mesaj19.05.2009, 17:54 (UTC)    
Mesaj konusu: Üst Menü Kullanımı

Başlık resminin altına "üst menü" kodu eklenebilinir mi?
Ekleniyorsa bunun için bir kod gereklimidir?
______________

GÜNCEL KUPONLAR İÇİN SİTEMİZE GİRİNİZ.
Mesaj19.05.2009, 21:01 (UTC)    
Mesaj konusu: Re: Üst Menü Kullanımı

iddaa-tahminleri yazmış:
Başlık resminin altına "üst menü" kodu eklenebilinir mi?
Ekleniyorsa bunun için bir kod gereklimidir?


senin kullandığın spor tasarımı normalde bunu desteklemez..
ama javascript kodlayarak oraya bi üst menü alanı açılabilir..
sonra o alana html ile menu kodlarını koyarsın..
sonra da css ile stil vererek olayı bitirirsin..
ama bu işlem normalden çok daha üst düzey kod bilgisi gerektirir diye düşünüyorum..
ben kontör karşılığı öyle bişey yapabilirm istiyosan..
----
diğer bir seçenek ise:
html ile <div kodu oluşturmak
css ile bu div e position tanımlayıp başlık resminin hemen altına pozisyonlamak..
böyle bi işlem için örnek kodlar:

html:
Kod:
<div id="ustmenu">
<a href="#">Link</a> | <a href="#">Link</a> | <a href="#">Link</a>
</div>


yukardaki html kodunu, menü hangi sayfada görünecekse o sayfanın kodları arasına ekleyebilirsin. Büyük ihtimalle her sayfada menü görünsün istersin, o zaman da tasarımın üzerindeki yzı bölümüne eklemelisin.
Bi sonraki aşama bu basit kodu işler hale getirmek. Bu ilk haliyle bi işe yaramaz zaten.
Css ile işe yarar hale getirelim:

Css:
Kod:
#ustmenu {
position: absolute;
top: 90px;
left: 110px;
width: 700px;
height: 30px;
background: #ff0080
}
#ustmenu a {
color: #e1e1e1;
font-famiy: verdana;
padding: 2px 15px
}
#ustmenu a:hover {
color: #fff
}


bu css kodlarını da tasarımın üzerindeki yzı bölümüne eklemelisin. Ama bu şekilde eklersen çalışmaz. O yüzden başına ve sonuna css stil kodu olduğunu tanımlayan etiketler ekleyelim, son hali:

Kod:

<style type="text/css">
<!--
#ustmenu {
position: absolute;
top: 90px;
left: 110px;
width: 700px;
height: 30px;
background: #ff0080
}
#ustmenu a {
color: #e1e1e1;
font-famiy: verdana;
padding: 2px 15px
}
#ustmenu a:hover {
color: #fff
}
-->
</style>


yani css kodu bu haliyle tasarımın üzerindeki yazı bölümüne ekleyince, ilk eklediğimiz html koduna stil kazandırmış oluyoruz.
Benim verdiğim css kodu deneme amaçlıdır.
top: nesnenin yukarıya olan mesafesi,
left: nesnenin sola olan mesafesi,
width: genişlik,
height: yükseklik,
background: arkaplan rengi


ama ben bu ikinci yöntemi pek tavsiye etmem.
farklı ekran çözünürlüklerinde, farklı durumlarda değişkenlik gösteriyo.
her zaman aynı sonucu vermemesi, basit olmasına karşın bir dezavantaj yani.
______________

Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu