Forum'da ara:
Ara


Yazar Mesaj
Mesaj10.06.2012, 11:09 (UTC)    
Mesaj konusu: İceBlue Üst Menü

İce Blue Tasarım İçin üst menü yapımı örnek= http://www.inkisla-kasabasi.tr.gg

Menü Kodu:
Kod:
<style type="text/css">
#emresazak {
position: absolute;
top: 226px;
left: 4px;
background-image:url(http://img.webme.com/pic/i/inkisla-kasabasi/untitled.png);
width: 923px;
}
td.edit_td_third_table {padding-top: 104px;}
</style>
<div id="emresazak">
<table width="921" height="104" border="0" align="center" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td width="56" height="104"></td>
            <td width="135" height="104"><a href="http://emresazak.tr.gg/"><img alt="Ana Sayfa" src="http://img.webme.com/pic/i/inkisla-kasabasi/emre1.png" /></a></td>
            <td width="135" height="104"><a href="http://emresazak.tr.gg/-Oe-zge%E7mi%26%23351%3B.htm"><img alt="Bilgi" src="http://img.webme.com/pic/i/inkisla-kasabasi/emre2.png" /></a></td>
            <td width="135" height="104"><a href="http://emresazak.tr.gg/Ziyaret%E7i-defteri.htm"><img alt="Z.Defteri" src="http://img.webme.com/pic/i/inkisla-kasabasi/emre3.png" /></a></td>
            <td width="135" height="104"><a href="http://emresazak.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm"><img alt="İletişim" src="http://img.webme.com/pic/i/inkisla-kasabasi/emre4.png" /></a></td>
            <td width="135" height="104"><a href="http://emresazak.tr.gg/Oyunlar.htm"><img alt="Oyun" src="http://img.webme.com/pic/i/inkisla-kasabasi/emre5.png" /></a></td>
            <td width="135" height="104"><a href="http://emresazak.tr.gg/Galeri/index.htm"><img alt="Galeri" src="http://img.webme.com/pic/i/inkisla-kasabasi/emre6.png" /></a></td>
            <td width="55" height="104"></td>
        </tr>
    </tbody>
</table>
</div>



Açıklaması:

(önce iceblueda css kodu bölümü olmadığı için, csskodumuzu style tagleriyle yazıyoruz)
<style type="text/css">

(menünün bulunduğu divin yerini özelliklerini belirliyoruz)
#emresazak {
position: absolute;
top: 226px;
left: 4px;
(tasarımın bütün gibi görünmesi için; başlık resminin altındaki çizgiyi uzatıp, menüye arkaplan yaptım. siz istediğiniz gibi değiştirirsiniz artık..)
background-image:url(http://img.webme.com/pic/i/inkisla-kasabasi/untitled.png);
width: 923px;
}

(aşağıdaki kod; başlık resmiyle, altta kalan bölüm arasında menü yüksekliği kadar boşluk açmamızı sağlıyor. benim menüm 104 pixel yüksekliğinde olduğu için 104 pixel yazıyorum..)
td.edit_td_third_table {padding-top: 104px;}

(css kodunu bitiriyoruz)
</style>

(Div içine herhangi bir menü yapıyoruz/ yada bi yerden buluyoruz.. Smile )
<div id="emresazak"> (buraya menü kodu) </div>

işte bu kadar.. Kendi istediğiniz gibi düzenlersiniz artık.. Very Happy
______________
İmza ektedir.
Mesaj11.06.2012, 06:44 (UTC)    
Mesaj konusu:

saol kardeşim eline sağlık işime cok yaradı Smilen
Mesaj11.06.2012, 19:24 (UTC)    
Mesaj konusu:

bende resimler çıkmıyr yardım
Mesaj11.06.2012, 20:01 (UTC)    
Mesaj konusu:

orjinaline bak orda görünüyormu?
______________
İmza ektedir.
Mesaj25.06.2012, 14:01 (UTC)    
Mesaj konusu:

nereye ekliyoruz...
Mesaj25.06.2012, 18:33 (UTC)    
Mesaj konusu:

haberinolsunturkiye yazmış:
nereye ekliyoruz...
tasarım altı üstü farketmemesi gerekiyor.. kafana göre takıl yani... Wink
______________
İmza ektedir.
Mesaj26.06.2012, 14:24 (UTC)    
Mesaj konusu:

eline sağlık dostum gerçekten güzel yapmışşın onu hareketli yapamazmıyıdın Smile
Mesaj26.06.2012, 21:56 (UTC)    
Mesaj konusu:

benim yaptığım menü yerine başka menüde koyabilirsin.. burda önemli olan başlık resmiyle sayfayı ayırmak.. Wink Ben sadece örnek olsun diye hızlı bi menü yapıp koydum..
Kod:
<style type="text/css">
#emresazak {
position: absolute;
top: 226px;
left: 4px;
background-image:url(http://img.webme.com/pic/i/inkisla-kasabasi/untitled.png);
width: 923px;
}
td.edit_td_third_table {padding-top: 104px;}
</style>
<div id="emresazak"> BURAYA MENÜ KODU </div>
104px yerine kendi yaptığın menü yüksekliğini yazarsan daha güzel olur.. yinede isteyen olursa değişik bi kaç menüde yapıp atarım buraya..
______________
İmza ektedir.
Mesaj27.06.2012, 07:00 (UTC)    
Mesaj konusu:

gayet iyi oldu.. sağol
Önceki mesajları göster:   


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