Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.09.2007 um 10:54 (UTC)    
Titel: An manche Menüpunkte andere Buttons einsetzen

Hallo ich hätte gern das ich an manche Menüpunkte andere Buttons einsetz gibts da nen Code? un Höhenangabe sollte man auch im Code machen können .
Beitrag02.09.2007 um 10:59 (UTC)    
Titel:

Das klappt mit ID´s Anleitung hier:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=46984


MfG Emi
Beitrag02.09.2007 um 11:59 (UTC)    
Titel:

Ich versteh des nich wie muss die anweißung sein um nen button mit höhenangaben einzufügen ?
Beitrag02.09.2007 um 13:34 (UTC)    
Titel:

Hi,

das funktioniert so:

Du erstellst die gewünschte Seite, oder du hast sie bereits erstellt!
Jetzt benötigst du folgenden Code:
Zitat:

<style type="text/css">
<!--
td#nav_derName {background-image: url(die Adresse); height: 30px;}
-->
</style>


Bevor du ihn einfügst musst du noch folgendes ändern:
das rot makierte musst du durch den Namen der Seite ersetzen...bei mir hieße jetzt die Seite "der Name". Sonderzeichen wie "Leerzeichen,ä,ö,ü,-,_" fallen einfach weg!

Das blau makierte musst du dann durch die Button-Adresse ersetzen!

Das orange makierte ist die Höhenangabe! Hier bei mir jetzt 30 Pixel hoch. Das musst du natürlich durch deine Angabe ersetzen!

Den nun fertig gestellten Code fügst du unter => Design einstellen in die Box "Text über dem Design" ein... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag02.09.2007 um 13:56 (UTC)    
Titel:

Danke man!!!!!
Beitrag02.09.2007 um 13:58 (UTC)    
Titel:

Beitrag02.09.2007 um 14:27 (UTC)    
Titel:

Ahm weißt du auch wie man bei den rechten Boxen Die Button höhe einstellen kann ?
Beitrag02.09.2007 um 14:31 (UTC)    
Titel:

Das macht man so:
Zitat:

<style type="text/css">
<!--
td.sidebar_heading {background-image: url(Hier die Button URL rein); height: 30px;}
-->
</style>


rot: Adresse des Buttons
blau: Höhe des Buttons

Auch wieder bei Text über dem Design einfügen... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag02.09.2007 um 14:41 (UTC)    
Titel:

Ähm sorry ich muss noch eine Frage los werden. Wie kann man des bei der oberen Navi machen Das die drei Haupt Buttons andere Buttons haben als die unteren Buttons der oberen Navi ? geht des ?
Beitrag02.09.2007 um 14:49 (UTC)    
Titel:

Poste doch bitte den Code und den gewünschten Button (!!!die Button-Adresse!!!)!
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag02.09.2007 um 14:57 (UTC)    
Titel:

[<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 37%;
margin-left:-290px;
width: 100%;
}

.menu li
{
width: 200px;
float: left;
}

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
background-image:url(http://img.webme.com/pic/s/success4you/navmac.gif);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #000000;
}

.menu a:hover
{
background-image:url(http://img.webme.com/pic/c/css-leichtgemacht/button4.jpg);
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Mitgliederbereich</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://dbz-online.de.tl/Mitglieder-Chat.htm" target="_self">Mitglieder Chat</a></li>
<li><a href="http://christoph94deinstart.de.tl/Weitere-Mitglieder.htm" target="_self">Weitere Mitglieder</a></li>
<li><a href="http://christoph94deinstart.de.tl/Download_Center.htm" target="_self">Download-Center</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Ihre weiteren Optionen</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://christoph94deinstart.de.tl/Login-s-Logout.htm" target="_self">Login</a></li>
<li><a href="http://christoph94deinstart.de.tl/Registrieren.htm" target="_self">Registrieren</a></li>
<li><a href="http://www.dbz-online.de.tl/Passwort-vergessen--f-.htm" target="_self">Passwort vergessen ?</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Sonstiges</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://christoph94deinstart.de.tl/Bilder-/index.htm" target="_self">Bilder</a></li>
<li><a href="http://christoph94deinstart.de.tl/Umfragen.htm" target="_self">Umfragen</a></li>
<li><a href="http://christoph94deinstart.de.tl/Witze.htm" target="_self">Witze</a></li>
<li><a href="http://christoph94deinstart.de.tl/Was-ist-DBGT--f-.htm" target="_self">Was ist DBGT ?</a></li>
</ul>
</li>
</ul>
</div>




][/code][/quote]
Beitrag02.09.2007 um 14:58 (UTC)    
Titel:

Beitrag02.09.2007 um 15:14 (UTC)    
Titel:

Versuchs mal hiermit:
Zitat:

<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 37%;
margin-left:-290px;
width: 100%;
}

.menu li
{
width: 200px;
float: left;
}

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
background-image:url(http://img.webme.com/pic/s/success4you/navmac.gif);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #000000;
}

.menu a:hover
{
background-image:url(http://img.webme.com/pic/c/css-leichtgemacht/button4.jpg);
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
background-image:url(http://img.webme.com/pic/f/free-picture/vs091.png);
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover
{
background-image:url(http://img.webme.com/pic/c/css-leichtgemacht/button4.jpg);
color: #000000;
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Mitgliederbereich</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://dbz-online.de.tl/Mitglieder-Chat.htm" target="_self">Mitglieder Chat</a></li>
<li><a href="http://christoph94deinstart.de.tl/Weitere-Mitglieder.htm" target="_self">Weitere Mitglieder</a></li>
<li><a href="http://christoph94deinstart.de.tl/Download_Center.htm" target="_self">Download-Center</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Ihre weiteren Optionen</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://christoph94deinstart.de.tl/Login-s-Logout.htm" target="_self">Login</a></li>
<li><a href="http://christoph94deinstart.de.tl/Registrieren.htm" target="_self">Registrieren</a></li>
<li><a href="http://www.dbz-online.de.tl/Passwort-vergessen--f-.htm" target="_self">Passwort vergessen ?</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Sonstiges</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://christoph94deinstart.de.tl/Bilder-/index.htm" target="_self">Bilder</a></li>
<li><a href="http://christoph94deinstart.de.tl/Umfragen.htm" target="_self">Umfragen</a></li>
<li><a href="http://christoph94deinstart.de.tl/Witze.htm" target="_self">Witze</a></li>
<li><a href="http://christoph94deinstart.de.tl/Was-ist-DBGT--f-.htm" target="_self">Was ist DBGT ?</a></li>
</ul>
</li>
</ul>
</div>


Hab noch nen bisschen was an der Schriftfarbe geändert....aber sollte so funktionieren... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag02.09.2007 um 15:40 (UTC)    
Titel:

Des is mein im Moment mein code. Wie kann man Die Schriftfarbe der unteren Buttons Scharz machen.











<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 37%;
margin-left:-290px;
width: 100%;
}

.menu li
{
width: 200px;
float: left;
}

.menu a
{
border: 1px solid #000000;
background-color:#000000;
background-image:url(http://img.webme.com/pic/f/free-picture/vs091.png);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-image:url(http://img.webme.com/pic/c/css-leichtgemacht/button4.jpg);
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
background-image:url(http://img.webme.com/pic/s/success4you/navmac.gif);
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover
{
background-image:url(http://img.webme.com/pic/c/css-leichtgemacht/button4.jpg);
color: #000000;
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Mitgliederbereich</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://dbz-online.de.tl/Mitglieder-Chat.htm" target="_self">Mitglieder Chat</a></li>
<li><a href="http://christoph94deinstart.de.tl/Weitere-Mitglieder.htm" target="_self">Weitere Mitglieder</a></li>
<li><a href="http://christoph94deinstart.de.tl/Download_Center.htm" target="_self">Download-Center</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Ihre weiteren Optionen</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://christoph94deinstart.de.tl/Login-s-Logout.htm" target="_self">Login</a></li>
<li><a href="http://christoph94deinstart.de.tl/Registrieren.htm" target="_self">Registrieren</a></li>
<li><a href="http://www.dbz-online.de.tl/Passwort-vergessen--f-.htm" target="_self">Passwort vergessen ?</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Sonstiges</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://christoph94deinstart.de.tl/Bilder-/index.htm" target="_self">Bilder</a></li>
<li><a href="http://christoph94deinstart.de.tl/Umfragen.htm" target="_self">Umfragen</a></li>
<li><a href="http://christoph94deinstart.de.tl/Witze.htm" target="_self">Witze</a></li>
<li><a href="http://christoph94deinstart.de.tl/Was-ist-DBGT--f-.htm" target="_self">Was ist DBGT ?</a></li>
</ul>
</li>
</ul>
</div>
Beitrag02.09.2007 um 15:46 (UTC)    
Titel:

Hi,

ich hatte sie auf Weiß gestellt (Hover-Effekt) dann schwarz), da man die Schrift dann besser sieht!

Aber wenn du sie in schwarz haben willst, dann ersetze deinen alten Code durch den:
Zitat:

<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 37%;
margin-left:-290px;
width: 100%;
}

.menu li
{
width: 200px;
float: left;
}

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
background-image:url(http://img.webme.com/pic/s/success4you/navmac.gif);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #000000;
}

.menu a:hover
{
background-image:url(http://img.webme.com/pic/c/css-leichtgemacht/button4.jpg);
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
background-image:url(http://img.webme.com/pic/f/free-picture/vs091.png);
color: #000000;
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover
{
background-image:url(http://img.webme.com/pic/c/css-leichtgemacht/button4.jpg);
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Mitgliederbereich</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://dbz-online.de.tl/Mitglieder-Chat.htm" target="_self">Mitglieder Chat</a></li>
<li><a href="http://christoph94deinstart.de.tl/Weitere-Mitglieder.htm" target="_self">Weitere Mitglieder</a></li>
<li><a href="http://christoph94deinstart.de.tl/Download_Center.htm" target="_self">Download-Center</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Ihre weiteren Optionen</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://christoph94deinstart.de.tl/Login-s-Logout.htm" target="_self">Login</a></li>
<li><a href="http://christoph94deinstart.de.tl/Registrieren.htm" target="_self">Registrieren</a></li>
<li><a href="http://www.dbz-online.de.tl/Passwort-vergessen--f-.htm" target="_self">Passwort vergessen ?</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Sonstiges</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://christoph94deinstart.de.tl/Bilder-/index.htm" target="_self">Bilder</a></li>
<li><a href="http://christoph94deinstart.de.tl/Umfragen.htm" target="_self">Umfragen</a></li>
<li><a href="http://christoph94deinstart.de.tl/Witze.htm" target="_self">Witze</a></li>
<li><a href="http://christoph94deinstart.de.tl/Was-ist-DBGT--f-.htm" target="_self">Was ist DBGT ?</a></li>
</ul>
</li>
</ul>
</div>


Submenu-Schrift-Farben sind jetzt Schwarz...beim Hover-Effekt ist die Schrift Weiß....möchtest du die Schriftfarben doch nochmal anders haben, dann musst du das rot und blau makierte ändern Exclamation
rot: Schriftfarbe normal (Submenu)
blau: Hoverschriftfarbe (Submenu)
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beiträge der letzten Zeit anzeigen:   


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