Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag07.09.2009 um 17:29 (UTC)    
Titel: [erledigt] Design Iceblue : Navigation oben

Hallo, kann ich auch das Menü unter den Header machen statt Links?

glg


Zuletzt bearbeitet von paddy-94 am 08.09.2009, 07:58, insgesamt 2-mal bearbeitet
Beitrag07.09.2009 um 18:17 (UTC)    
Titel:

Hier der Code, bei BILD-URL einfach button URL´s reinschreiben oder weglasser für nur Farben.
Bei Hauptpunkt Name der Hauptseite
Bei Unterlink link adresse der Unterseite
Bei Unterpunkt Name der Unterseite

Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
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: 237px;
left: 158px;
width:850px; }

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

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(BILD-URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFE500; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(BILD-URL);
color: #FFE500; }

#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;
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');">Hauptpunkt 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=Unterlink 1.1>Unterpunkt 1.1</a></li>
<li><a href=Unterlink 1.2>Unterpunkt 1.2</a></li>
<li><a href=Unterlink 1.3>Unterpunkt 1.3</a></li>
<li><a href=Unterlink 1.4>Unterpunkt 1.4</a></li>
<li><a href=Unterlink 1.5>Unterpunkt 1.5</a></li>
<li><a href=Unterlink 1.6>Unterpunkt 1.6</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache

('smenu2');">Hauptpunkt 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=Unterlink 2.1>Unterpunkt 2.1</a></li>
<li><a href=Unterlink 2.2>Unterpunkt 2.2</a></li>
<li><a href=Unterlink 2.3>Unterpunkt 2.3</a></li>
<li><a href=Unterlink 2.4>Unterpunkt 2.4</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache

('smenu3');">Hauptpunkt 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href=Unterlink 3.1>Unterpunkt 3.1</a></li>
<li><a href=Unterlink 3.2>Unterpunkt 3.2</a></li>
<li><a href=Unterlink 3.3>Unterpunkt 3.3</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache

('smenu4');">Hauppunkt 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href=Unterlink 4.1>Unterpunkt 4.1</a></li>
<li><a href=Unterlink 4.2>Unterpunkt 4.2</a></li>
<li><a href=Unterlink 4.3>Unterpunkt 4.3</a></li>
<li><a href=Unterlink 4.4>Unterpunkt 4.4</a></li>
</ul>
</li>
</div>

______________
Spielen ist mein Leben und das Leben ist ein Spiel


Zuletzt bearbeitet von g-n-p am 07.09.2009, 19:28, insgesamt einmal bearbeitet
Beitrag07.09.2009 um 18:26 (UTC)    
Titel:

Genau richtig Very Happy

Danke, aber wie bekomme ich das Standart Menü weg??
Beitrag07.09.2009 um 18:31 (UTC)    
Titel:

so weit ich weiß erst einmal garnicht, aber du kanst alle anderen Seiten mit dem Extra "versteckte Seiten" per login für Andere unsichtbar machen. Dann hast du auf jeden Fall weniger Punkte auf dem linken Navi. Very Happy
______________
Spielen ist mein Leben und das Leben ist ein Spiel
Beitrag07.09.2009 um 18:44 (UTC)    
Titel:

Ha... habe ihn wieder gefunden:
http://www.homepage-baukasten.de/forum/viewtopic.php?p=569176&highlight=#569176


Einfach wundervoll.. danke an euch.. auch wenn es meine dummheit war weil ich es im Papierkorb hatte Rolling Eyes
Beiträge der letzten Zeit anzeigen:   


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