Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.02.2010 um 19:23 (UTC)    
Titel: Vertikale Navigation mit "inline"

Hi Leute,

natürlich weiß ich, wie man eine Vertikale Navigation erstellt, dazu gibt es genug Forenbeiträge. Allerdings muss man dazu jedem einzelnen Butten extra einen Link und einen Namen geben. Ist es nicht möglich, im Design "CSS" mit der Anweisung
Zitat:
list-style-type:inline;
die Buttons nebeneinander zu platzieren? Der Vorteil wäre, dass, wenn man eine neue Seite erstellt, sie automatisch in die Navigation hinzugefügt wird. Leider habe ich keine Programmiersprache schulmäßig gelernt und weiß deshalb nicht, ob das auch wirklich möglich ist, bitte helft mir Smile
Würde mich sehr über Antworten freuen,

mfG stopfermaxi


Zuletzt bearbeitet von stopfermaxi am 09.02.2010, 20:24, insgesamt einmal bearbeitet
Beitrag21.02.2010 um 18:45 (UTC)    
Titel: Re: Vertikale Navigation mit "inline"

meinst du ein cool menu?

hier wäre ein code:
Code:
<style type="text/css" media="screen">
<!-- 
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Hyrule, Hyrule;
font-size: 14px;
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: 246px;
left: 185px;
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: #000000;
background-image: url(http://img.webme.com/pic/z/zelda-center/botton2.bmp);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/z/zelda-center/botton3.bmp);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
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');">Start</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.zelda-center.de.tl/">Home</a></li>
<li><a href="http://www.zelda-center.de.tl/%3Cspan-style%3D-g-line_height-d--115%25%3B-font_family-d--Triforce%3B-font_size-d--12pt-g-%3EKontakt.htm">Kontakt</a></li> 
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Forum</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://zelda-center.de.tl/%3Cspan-style%3D-g-line_height-d--115%25%3B-font_family-d--Triforce%3B-font_size-d--12pt-g-%3EForum/index.htm">Forum</a></li>
<li><a href="http://zelda-center.de.tl/%3Cspan-style%3D-g-line_height-d--115%25%3B-font_family-d--Triforce%3B-font_size-d--12pt-g-%3EGalerie/index.htm">Galerie</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Multimedia</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://zelda-center.de.tl/Noten.htm">Noten</a></li>
<li><a href="http://zelda-center.de.tl/Musik.htm">Musik</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Downloads</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://zelda-center.de.tl/Emulatoren.htm">Emulatoren</a></li>
<li><a href="http://zelda-center.de.tl/Roms.htm">Roms</a></li>
</ul>
</li>
</div>
[/quote]
Beitrag22.02.2010 um 14:43 (UTC)    
Titel:

Nein, leider nicht, ich weiß schon, wie das mit dem Coolmenü funktioniert. Ich hätte bloß gedacht, dass man die Navigationsbuttons automatisch statt untereinander, nebeneinander anordnen kann!
Beiträge der letzten Zeit anzeigen:   


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