Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag31.03.2009 um 13:10 (UTC)    
Titel: Menü

Hi ich hab da mal ne frage zu meinem menü code:
in den code :



<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(
<style type="text/css">
<!--
td.nav a{font-family: schräg;font-size: 14px;color: #FFFFFF;}
td.nav a:hover{font-family: schräg;font-size: 18px;color: #FFFFFF;}
body{background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/black12.png);}
td.edit_header_full{background-image:url(http://img.webme.com/pic/r/rt-eliteclan/kkkkkk.jpg);}
td.edit_content_bottom2{background-image:url(Url);}
td.edit_below_nav{visibility: hidden;}
td.headline2{visibility: hidden;}
td.headline{visibility: hidden;}
td.edit_navi_headbg{background-image:url(Url);}
td.edit_below_nav img{display:none;}
td.edit_rb_footer{background-image:url(Url);}
td.edit_rechts_bottom{background-image:url(Url);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(Url);}
-->
</style>
);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2,
{
font-size: 18px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ff00ff;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<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>


<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> Video</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www...."> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>

</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Bildergalerie </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
</div>
</td>
</tr>
</table>





soll dieser:
<style type="text/css">
<!--
td.nav{text-decoration: none; color:#000000; width: 185px;height: 35px;background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/navfir10.gif);}
td.nav:hover{text-decoration: none;color: #000000; width: 185px;height: 35px;background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/realfl10.gif);}
-->
</style>



nur WO??? Question
______________

Beitrag31.03.2009 um 13:15 (UTC)    
Titel:

So wäre der Code richtig geschrieben,
oder willst die Buttons von links auch im Coolmenü verwenden?
Zitat:
<style type="text/css">
<!--
td.nav a{font-family: schräg;font-size: 14px;color: #FFFFFF;}
td.nav a:hover{font-family: schräg;font-size: 18px;color: #FFFFFF;}
td.nav{text-decoration: none; color:#000000; width: 185px;height: 35px;background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/navfir10.gif);}
td.nav:hover{text-decoration: none;color: #000000; width: 185px;height: 35px;background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/realfl10.gif);}
body{background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/black12.png);}
td.edit_header_full{background-image:url(http://img.webme.com/pic/r/rt-eliteclan/kkkkkk.jpg);}
td.edit_content_bottom2{background-image:url(Url);}
td.edit_below_nav{visibility: hidden;}
td.headline2{visibility: hidden;}
td.headline{visibility: hidden;}
td.edit_navi_headbg{background-image:url(Url);}
td.edit_below_nav img{display:none;}
td.edit_rb_footer{background-image:url(Url);}
td.edit_rechts_bottom{background-image:url(Url);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(Url);}
-->
</style>
<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 50%;
margin-left:-435px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 180px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 23px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/ingo-test/navpinkdown2.gif);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2,
{
font-size: 18px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ff00ff;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<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>


<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> Video</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www...."> Menupunkt1.1</a></li>
<li><a href=" http://Menupunkt1.3.htm "> Menupunkt1.2</a></li>
<li><a href="http://Menupunkt1.3.htm">Menupunkt1.3</a></li>

</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Bildergalerie </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=" http://Menupunkt2.1.htm ">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>
</ul>
</li>
</div>
</td>
</tr>
</table>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag31.03.2009 um 13:19 (UTC)    
Titel:

also danke für den code und wo füge ich den code ein von meinem jetzigen design das wenn man halt wie jetz drauf geht nur das halt mit dem code verbunden ist??
______________

Beitrag01.04.2009 um 11:51 (UTC)    
Titel:

Ich kann die meü schriftgröße nicht ändern??? Question
______________

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de