Autor |
Nachricht |
-
dbz-online
|
02.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 . |
|
↑
|
|
|
-
emi-home
|
02.09.2007 um 10:59 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
dbz-online
|
02.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 ? |
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
02.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... ______________ ==> OutCast Inventions
Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design! |
|
↑
|
|
|
-
dbz-online
|
02.09.2007 um 13:56 (UTC) Titel: |
|
|
Danke man!!!!! |
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
02.09.2007 um 13:58 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
dbz-online
|
02.09.2007 um 14:27 (UTC) Titel: |
|
|
Ahm weißt du auch wie man bei den rechten Boxen Die Button höhe einstellen kann ? |
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
|
↑
|
|
|
-
dbz-online
|
02.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 ? |
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
02.09.2007 um 14:49 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
dbz-online
|
02.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] |
|
↑
|
|
|
-
dbz-online
|
02.09.2007 um 14:58 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
02.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... ______________ ==> OutCast Inventions
Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design! |
|
↑
|
|
|
-
dbz-online
|
02.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> |
|
↑
|
|
|
-
outcast-inventions
Wohnort: BLB
|
02.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
rot: Schriftfarbe normal (Submenu)
blau: Hoverschriftfarbe (Submenu) ______________ ==> OutCast Inventions
Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design! |
|
↑
|
|
|
|