Suche im Forum:
Suchen


Autor Nachricht
Beitrag13.04.2009 um 15:36 (UTC)    
Titel: coolmenü problem

Hallo,

ich habe mir ein coolmenü gemacht kann aber nciht meine Textfare ändern Bitte um Hilfe. Sie ist dringent hier der code wiher ich das coolmenü habe
http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126


Und und hier mein collmenü;



<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: 5px;
}

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

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

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
background-color: #;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
border: 2px solid #00FF00;
color: #00CCFF;
display: block;
height: 23px;

}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
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: #000000;
}
//-->

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

<!-- Ende des Scriptes -->

<div class="menu">


-->

<li><a href="http://timpen-test.de.tl/">Home</a></li>

</ul>
</li>

<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu1');">Anderes</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<!-- Anderes = Überschrift
Forum und Fotos= Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="http://timpen-test.de.tl/Forum/index.htm">Forum</a></li>
<li><a href="http://timpen-test.de.tl/Fotos/index.htm">Fotos</a></li>

</ul>
</li>


<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Test</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<!-- Test = Überschrift
--- und ---- = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="http://timpen-test.de.tl/___.htm">---</a></li>
<li><a href="http://timpen-test.de.tl/____.htm"> ---- </a></li>

</ul>
</li>


<!-- Hier können weitere Menüs eingefügt werden, einfach den oberen Teil kopieren und anpassen
'smenu1' muss dann entsprechend hochgezählt werden (4x)

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

</ul>
</li>

-->

</div>






Danke schon im vorraus BITTE UM HILFE MARCEL
Beitrag13.04.2009 um 15:45 (UTC)    
Titel:

Hi,
also in diesem Abschnitt:

Code:
/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
background-color: #;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
border: 2px solid #00FF00;
[code]color: #00CCFF;[/code]
display: block;
height: 23px;

}


kannst du die Textfarbe der Menülinks unter
Code:
color: #00CCFF;

ändern.

Gib einfach nach dem "#" deine Hexcodefarbe an!

MfG SmaX
______________
Beitrag13.04.2009 um 15:50 (UTC)    
Titel:

ggg
Beitrag13.04.2009 um 15:58 (UTC)    
Titel:

hI;

Danke für den code geht aber immer noch nicht ocerbin ich einfacvh zu doof
Beitrag13.04.2009 um 17:05 (UTC)    
Titel:

aber normalerweise funktioniert es so..
sonst durchsuche einfach mal den code und gib bei allen

Code:
color: #FARBCODE;


deine Textfarbe an.


MfG SmaX[/code]
______________
Beitrag13.04.2009 um 19:32 (UTC)    
Titel:

hi,

vielleicht könnnen sie es mal versuchen.

Das wäre sehr nett.

Danke!!
bei mir gehts einfach nicht weiß auch nicht warum.


LG
marcel
Beitrag13.04.2009 um 19:45 (UTC)    
Titel: Re: coolmenü problem

Ich habe einmal den Hexcode, den du mir im Chat gegeben hast, verwendet..
Ich habe die Stelle auch im folgenden Code markiert.
Du kannst nun folgend den ganzen Code bei dir durch den hier ersetzen. Immerhin habe ich deinen, den du hier gepostet hast, als Grundlage genommen und nur eine Zeile verändert. So brauchst du also nicht fragen, wo du was ergänzen musst, sondern ersetzt einfach alles.


timpen-test hat Folgendes geschrieben:
<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: 5px;
}

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

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

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
background-color: #;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
border: 2px solid #00FF00;
color: #00CCFF;
display: block;
height: 23px;
color: #0A7FF0;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
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: #000000;
}
//-->

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

<!-- Ende des Scriptes -->

<div class="menu">


-->

<li><a href="http://timpen-test.de.tl/">Home</a></li>

</ul>
</li>

<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu1');">Anderes</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<!-- Anderes = Überschrift
Forum und Fotos= Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="http://timpen-test.de.tl/Forum/index.htm">Forum</a></li>
<li><a href="http://timpen-test.de.tl/Fotos/index.htm">Fotos</a></li>

</ul>
</li>


<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Test</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<!-- Test = Überschrift
--- und ---- = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="http://timpen-test.de.tl/___.htm">---</a></li>
<li><a href="http://timpen-test.de.tl/____.htm"> ---- </a></li>

</ul>
</li>


<!-- Hier können weitere Menüs eingefügt werden, einfach den oberen Teil kopieren und anpassen
'smenu1' muss dann entsprechend hochgezählt werden (4x)

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

</ul>
</li>

-->

</div>


Ist getestet der CSS-Code.. funktioniert einwandfrei~
hätte mit den bisherigen hilfeversuchen hier aber auch schon klappen können

______________
Beitrag14.04.2009 um 14:54 (UTC)    
Titel:

Danke mein fehler war im design
Beiträge der letzten Zeit anzeigen:   


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