Suche im Forum:
Suchen


Autor Nachricht
Beitrag20.03.2010 um 11:14 (UTC)    
Titel: Coolmenü Text-Titel Farbe ändern

Hallo,
ich habe das folgende Problem:
Seit kurzem gibt es auf meiner Homepage ein Coolmenü. Alles in allem geht es perfekt, aber eine Kleinigkeit ist mir noch fraglich. Ich würde gerne die Farbe der Titel ändern, zur Zeit ist sie ja noch Blau, welches man auf meinem Hintergrund schlecht erkennen kann.
Vielleicht kann mir jemand die Stelle in meinem Code markieren, wo die Farbe eingestellt werden kann. Ich habe zwar schon einiges ausprobiert, hat aber nichts geholfen.
Mein Code:

Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
text-colour:FFFFFF;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 555px;
left: 440px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 185px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #XXXXXX;
background-image: url(http://img.webme.com/pic/2/21stcentury-clan/navigationbutton1.jpg);
text-decoration: none;
text-align: center;
text-colour: #FFFFFF;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #7c7c7c; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #7c7c7c;
background-image: url(http://img.webme.com/pic/2/21stcentury-clan/navigationbuttonhover1.gif);
text-colour: #FFFFFF;
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;
text-colour: #FFFFFF;
color: #FFFFFF; }
//-->
</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Mainmenu</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://21stcentury-clan.de.tl/">Home</a></li>
<li><a href="http://21stcentury-clan.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://21stcentury-clan.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="Unterlink 1.2">Copyright</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Clanmenu</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://21stcentury-clan.de.tl/Unser-Team.htm">Team</a></li>
<li><a href="http://21stcentury-clan.de.tl/Wars.htm">Wars</a></li>
<li><a href="http://21stcentury-clan.de.tl/Fight-us-ar-.htm">Fight Us!</a></li>
<li><a href="http://21stcentury-clan.de.tl/Join-us-ar-.htm">Join Us!</a></li>
<li><a href="http://centuryboard.forumprofi.de/">Centuryforum</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Clanmisc</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://21stcentury-clan.de.tl/Events.htm">Events</a></li>
<li><a href="http://21stcentury-clan.de.tl/">Partnerlinks</a></li>
<li><a href="http://21stcentury-clan.de.tl/%3Cblink%3EVote-us-ar-%3Cblink-s-%3E.htm">Vote Us!</a></li>
</ul>
</li>
</div>


Mark
Beitrag24.03.2010 um 20:22 (UTC)    
Titel:

wie die beschreibung schon sagt... Rolling Eyes

:

Code:
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #XXXXXX;
background-image: url(http://img.webme.com/pic/2/21stcentury-clan/navigationbutton1.jpg);
text-decoration: none;
text-align: center;
text-colour: #FFFFFF;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #7c7c7c; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #7c7c7c;
background-image: url(http://img.webme.com/pic/2/21stcentury-clan/navigationbuttonhover1.gif);
text-colour: #FFFFFF;
color: #000000; }

______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag26.03.2010 um 10:30 (UTC)    
Titel:

Wenn man das Aussehen der Menüpunkte im Coolmenü-Script verändert, funktioniert das nicht, wenn man ein Ice Blue Design hat. Stattdessen muss man die Linkfarbe auf allen Seiten im Design Code ändern, hat sich also erledigt Very Happy
Beiträge der letzten Zeit anzeigen:   


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