Yazar |
Mesaj |
-
emresazak
Bedava-Sitem Bağımlısı
Konum: Kayseri
|
10.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.. )
<div id="emresazak"> (buraya menü kodu) </div>
işte bu kadar.. Kendi istediğiniz gibi düzenlersiniz artık.. ______________ İmza ektedir. |
|
↑
|
|
|
-
csmekanlarim
Acemi Üye
|
11.06.2012, 06:44 (UTC) Mesaj konusu: |
|
|
saol kardeşim eline sağlık işime cok yaradı n |
|
↑
|
|
|
-
donanimlihaberci
Acemi Üye
|
11.06.2012, 19:24 (UTC) Mesaj konusu: |
|
|
bende resimler çıkmıyr yardım |
|
↑
|
|
|
-
emresazak
Bedava-Sitem Bağımlısı
Konum: Kayseri
|
11.06.2012, 20:01 (UTC) Mesaj konusu: |
|
|
orjinaline bak orda görünüyormu? ______________ İmza ektedir. |
|
↑
|
|
|
-
haberinolsunturkiye
Acemi Üye
|
25.06.2012, 14:01 (UTC) Mesaj konusu: |
|
|
nereye ekliyoruz... |
|
↑
|
|
|
-
emresazak
Bedava-Sitem Bağımlısı
Konum: Kayseri
|
25.06.2012, 18:33 (UTC) Mesaj konusu: |
|
|
haberinolsunturkiye yazmış: nereye ekliyoruz... tasarım altı üstü farketmemesi gerekiyor.. kafana göre takıl yani... ______________ İmza ektedir. |
|
↑
|
|
|
-
ardateknikservis
Acemi Üye
|
26.06.2012, 14:24 (UTC) Mesaj konusu: |
|
|
eline sağlık dostum gerçekten güzel yapmışşın onu hareketli yapamazmıyıdın |
|
↑
|
|
|
-
emresazak
Bedava-Sitem Bağımlısı
Konum: Kayseri
|
26.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.. 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. |
|
↑
|
|
|
-
haberinolsunturkiye
Acemi Üye
|
27.06.2012, 07:00 (UTC) Mesaj konusu: |
|
|
gayet iyi oldu.. sağol |
|
↑
|
|
|
|