Forum'da ara:
Ara


Yazar Mesaj
Mesaj19.08.2010, 12:26 (UTC)    
Mesaj konusu: Üst Menü Hakkında Önemli

Sa arkadaşlar ben sitemde üst menü yapmak istiyorum. http://www.bedava-sitem.com/forum/viewtopic.php?t=144354 bu adresteki üst menü kodunu kullandı mama bannerin ortasında duruyo ve hiç hoş görünmüyor bi yolu varmı bannerin altına almanın?

Kod:
<style type="text/css" media="screen">
<!--
/* Genel Ayarlar */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* Navi-Linkleri */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Yaziyla Kenar Arasi */
li a {
padding-right: 20px;
padding-top: 5px; }

/* "top" , "left", "width" ayarlari */
div.menu {
position: absolute;
z-index: 3;
top: 190px;
left: 100px;
width:850px; }

/* Menünoktalarinin Enleri */
.menu li {
width: 160px;
float: left; }

/* Menünoktalarinin Görünüsü */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/*Hover yapinca Menü */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Scriptin Baslangici -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Scriptin Sonu -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Altlink 1.1">Altmenü 1.1</a></li>
<li><a href="Altlink 1.2">Altmenü 1.2</a></li>
<li><a href="Altlink 1.3">Altmenü 1.3</a></li>
<li><a href="Altlink 1.4">Altmenü 1.4</a></li>
<li><a href="Altlink 1.5">Altmenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Altlink 2.1">Altmenü 2.1</a></li>
<li><a href="Altlink 2.2">Altmenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Altlink 3.1">Altmenü 3.1</a></li>
<li><a href="Altlink 3.2">Altmenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Altlink 4.1">Altmenü 4.1</a></li>
<li><a href="Altlink 4.2">Altmenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Altlink 5.1">Altmenü 5.1</a></li>
<li><a href="Altlink 5.2">Altmenü 5.2</a></li>
</ul>
</li>
</div>

Mesaj19.08.2010, 13:17 (UTC)    
Mesaj konusu:

Kodu ekledikten sonra sitenin ekran görüntüsünü buraya eklermisiniz Wink
Mesaj19.08.2010, 13:38 (UTC)    
Mesaj konusu:

ice blue tasarımda dediğini yapamazsın.Css tasarıma geçersen üst menünü kullanman kolay olur.
______________
Mesaj19.08.2010, 13:42 (UTC)    
Mesaj konusu:

Merhaba,
Css kodunun içerisindeki şu kısmın ayalarını ayarlayarak kodu istediğiniz yere çekebilrisiniz..


Kod:

/* "top" , "left", "width" ayarlari */
div.menu {
position: absolute;
z-index: 3;
top: 190px;
left: 100px;
width:850px; }


Değerler:
top // üsten uzaklığı
left // soldan uzaklığı

İyi günler..
Wink
Mesaj19.08.2010, 13:45 (UTC)    
Mesaj konusu:

Bu şekilde dene bakalım olacakmı.

Kodun içindeki bu rakamlarla menüyü istediğin yere yerleştirebilirsin
top: 56px; Bu rakamı ufalttıkca menü yukarı çıkar,büyüttükce aşağı iner..
right: 732px; Bu rakamı ufalttıkca sağa yaklaşır,büyüttükce sola yaklaşır..



Kod:
<!--Kodbanks.tr.gg kodu istediğin yere yerleştir kodu basla--> <div style="position: absolute; top: 56px; right: 732px; background:; width: 13px; height: 16px"> <style type="text/css" media="screen">
<!--
/* Genel Ayarlar */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* Navi-Linkleri */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Yaziyla Kenar Arasi */
li a {
padding-right: 20px;
padding-top: 5px; }

/* "top" , "left", "width" ayarlari */
div.menu {
position: absolute;
z-index: 3;
top: 190px;
left: 100px;
width:850px; }

/* Menünoktalarinin Enleri */
.menu li {
width: 160px;
float: left; }

/* Menünoktalarinin Görünüsü */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/*Hover yapinca Menü */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Scriptin Baslangici -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Scriptin Sonu -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Altlink 1.1">Altmenü 1.1</a></li>
<li><a href="Altlink 1.2">Altmenü 1.2</a></li>
<li><a href="Altlink 1.3">Altmenü 1.3</a></li>
<li><a href="Altlink 1.4">Altmenü 1.4</a></li>
<li><a href="Altlink 1.5">Altmenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Altlink 2.1">Altmenü 2.1</a></li>
<li><a href="Altlink 2.2">Altmenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Altlink 3.1">Altmenü 3.1</a></li>
<li><a href="Altlink 3.2">Altmenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Altlink 4.1">Altmenü 4.1</a></li>
<li><a href="Altlink 4.2">Altmenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Altlink 5.1">Altmenü 5.1</a></li>
<li><a href="Altlink 5.2">Altmenü 5.2</a></li>
</ul>
</li>
</div>
</div><!--Kodbanks.tr.gg kodu istediğin yere yerleştir kodu bitir-->

______________
Önceki mesajları göster:   


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