Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.02.2009 um 17:01 (UTC)    
Titel: Frage bezüglich Navigation

Hallo, ich habe eine Frage zu der Navigationsleiste auf meiner HP.
Ich bitte Euch, sich diese ersteinmal anzuschauen, und zwar hier: http://rip-chaoscars.de.tl/

Ich möchte, dass wenn ich den Mauszeiger über einen Navigationspunkt bewege, sich eine Leiste nach unten öffnet in der dann weitere Unterseiten angezeigt werden. Ist das realisierbar?

Ich benutze ein CSS Design, der Code ist dieser hier:

Zitat:
<div id="Dein_Design"></div> <style type="text/css"> <!--
/* designed by www.alpadogg.de.tl*/

div.header {display: none;}
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

body {
background-image:url(http://i26.tinypic.com/dmtxdl.png);
font-family: arial,verdana;
font-size:12px;
color:#000000;}

div{
font-family: arial,verdana;
font-size:12px;
color:#000000;} content farbe

a{
color:#000000;
font-size: 25px;
text-decoration: none;}

a:hover {
color:#000080;
font-size: 25px;
text-decoration: none;}

a:link {
color: #000080;
font-size: 12px;
text-decoration: none;}

a:active {
color:#000080;
font-size: 12px;
text-decoration: none;}

a:visited {
color:#000080;
font-size: 15px;
text-decoration: none;}

#Dein_Design {
position: absolute;
left: 50%;
margin-left:-648px;
width: 1280px;
height: 1024px;
background-image:url(http://i43.tinypic.com/wa0u4o.png);
background-repeat: no-repeat;}

#content{
position: absolute;
left: 50%;
top: 300px;
margin-left:-355px;
width: 716px;
height: 611px;
color: #000000;
background-image:url();
background-repeat: no-repeat;
border: 0px solid #000000;
overflow: auto;}

#sidebar_container {display: none;}

#nav_container {font-weight: bold;font-size: 12px;color:#2ba6f9;
position:relative;
left: 50%;
top: 300px;
margin-left: -450px;
width:90px;
height:170px;}

#nav_container {
position:relative;
top: 205px;
left: 275px;
width: 718px;
margin:0px 10px 15px 10px;
background-image: url();
height: 35px;}

#nav_heading {
background-color: ;
width:2px;
height:33px;
display:inline;
float:left;
margin:0px;}

ul#nav {
width:100%;
list-style-type:none;
margin: 0;
padding: 8px 0 0 0;
position:absolute;
top: 0px;
height:35px;
background-image: url();
background-position:right;
background-repeat:no-repeat;
display:inline;}

* html ul#nav {
top: -1px;}

#nav li {
position:relative;
display: block;
float: left;
height: 35px;
background-image: url();
background-repeat: no-repeat;
margin: -8px 0 0 0;
padding: 8px 0 0 0;}

* html #nav li {
margin-top: -7px;
padding-top: 7px;
}
#nav_Startseite {
background-image: none !important;
margin-left:-5px;
}
#nav a:link, #nav a:visited, #nav a:hover {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:white;
margin:0 8px;
z-index:2;
}
* html #nav a:link, * html #nav a:visited, * html #nav a:hover {
position:relative;
top: 1px;
}
#nav a:hover {
color:#ffcc00;
}

a{
color:#000000;
text-decoration: none;
font-size:13px;}

a:hover {
color: #ffffff !important;
font-size: 13px;
text-decoration: underline;}

a:link {
color: #xxxxxx !important;
font-size: 13px;
text-decoration: none;}

a:active {
color: #ffffff;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}


#counter {display: none;}

li.nav_element{
list-style-type: none;
position: relative;
border: 0px;
width: 89,5px;
height: 31px;
text-align: center;}

li.nav_element a{
display: block;
width: 89,5px;
height: 31px;
margin: 0px;
color: #000000;
font-weight: bold;
text-decoration: none;
background-color: #xxxxxx;
background-image: url();
background-repeat: no-repeat;
padding-left: 0px;
border: 1px solid #xxxxxx;}

li.nav_element a:hover{
display: block;
color: black;
font-weight: bold;
text-decoration: none;
background-color:#xxxxxx;
background-image: url();
background-repeat: no-repeat;
border: 1px solid #xxxxxx;}
//--> </style>


Zuletzt bearbeitet von rip-chaoscars am 07.02.2009, 18:02, insgesamt einmal bearbeitet
Beitrag07.02.2009 um 17:10 (UTC)    
Titel:

Hallo,

der Code für das Design CSS war nicht nötig .
Das was du suchst, nennt sich auch "Coolmenü" , den
Code haben wir 2 mal im Forum (Profi-Tutorial)

Oder Forensuche "Coolmenü" Wink

Gruß Wolle
Beitrag07.02.2009 um 17:17 (UTC)    
Titel:

Hi, wie schon Wolle gesagt hat, nennt man das Coolmenü.

Für dich wäre folgender Code einfacher:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126

Wenn du noch hilfe für den code brauchst,
kann ich dir gerne helfen Very Happy

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag07.02.2009 um 17:44 (UTC)    
Titel:

Danke schon einmal aber ich komme mit dem Code nicht wirklich klar, wo muss ich den denn einfügen? Und muss ich den kompletten Code einfügen oder nur Teile?
Beitrag07.02.2009 um 18:11 (UTC)    
Titel:


______________

Das Forum ohne Zensur ,hier könnt ihr die Wahrheit lesen !
Beiträge der letzten Zeit anzeigen:   


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