Aufklappendes MenueHallo,

Muckel

ich brauche mal wieder eure Hilfe. Und zwar würde ich gerne ein Menue haben, welches so ausschaut wie hier: http://nerv.jurtenrunde.de/T3_DPBN/

Es gibt glaube ich zwei ansätze, das zu lösen. Die eine wäre mit java script, was nicht gerade gut ausschaut, wie ich finde. DIe andere wäre es, wenn man mit dem $_GET Befehl in php Arbeitet und die Variablen über gibt.

Zurzeit habe ich ein Menue gebastelt, welches die Unterpunkte an zwei anderen Stellen hat: http://chatten.jurtenrunde.de/heimseite wie man sehen kann.

Ich würde die Unterpunkte aber gerne in einem Menue haben, welches links ist. Also praktisch so:

Startseite
das Haus
..Ergeschoss
..Obergeschoss
..Küche
..Sanitär anlagen
das Grundstück
..Zufahrt
..Garage
..Wiese
..Bauwagen
..Holzunterstand
..Wekrstatt
die Umgebung
..Harzer Vorland
..Thermalsolbad

so on so on.

Wie kann ich das um setzen, dass es so ausschaut wie in dem Beispiel oben?

Gruß und Danke Muckel

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Butzemann

wäre es auch so denkbar?:

http://blog-plus.de

Wenn ja, kann ich dir gern (schnell & einfach) mitteilen wie's geht:

Muckel

Hallo,

ja natürlich. Ist ja fast das selbe, nur dass ich die Zentrierung anders brauche. Wie hast du es gelöst? Mit javascript?

Gruß und Danke Muckel

Butzemann

Zitat von Muckel

Hallo,
ja natürlich. Ist ja fast das selbe, nur dass ich die Zentrierung anders brauche. Wie hast du es gelöst? Mit javascript?
Gruß und Danke Muckel

1. Folgende Datei runterladen (die erste function kann gelöscht werden): http://blog-plus.de/wp-includes/js/einaus.js
2. in folgendes Verzeichnis packen: /wp-includes/js/
3. in der header datei folgende zeile hinzufügen: <script type="text/javascript" src="/wp-includes/js/einaus.js"></script>

4. möglicher einbau in die sidebar:

<a href="#" onclick="swap_sidebar('menu1'); return false;" > Text</a>
<ul id="menu1">
<li><a href="linkzurkategorie"> Kategorie1</a></li>
<li><a href="linkzurkategorie"> Kategorie2</a></li>
</ul>

Muckel

Danke - muss schauen, ob ich mir des um ändern kann, da es nicht für ein wordpress gedacht ist. Das wordpress wird nur ein unterpunkt der Seite werden. Denn noch danke.

pedro_tirolo

da gabs doch mal ....

da gabs doch mal so ein schickes slider menü

wo find ich das ???

wer ne Ahnung ?

Muckel

Guten Abend,

was meinst du mit slider menue ? Ich kenne nur noch das JS-Script oder wie das heißen mag. Das stellt einem die Struktur so änlich wie bei einem windows explorer da - aber das finde ich hässlich und zum anderen ist das zu komplex um mir da das raus zu suchen, was ich bräuchte.

Gruß Muckel

Muckel

Guten Abend,
ich habe das Menue jetzt in der 1. Ebene ''fertig'' gestellt. Nun möchte ich, das wenn man auf einem Link klickt, das darunter dann ein Untermenue erscheint. Ich löse das mit Hilfe von php und $_GET. Nur wie kann ich im css einen Unterpunkt machen?

Zurzeit sieht mein Menue so aus:

Code

<ul id="navigation">
        <li><a href="index.php?site=home">Startseite</a></li>
        <li><a href="index.php?site=haus">Haus</a></li>
        <li><a href="index.php?site=grundstueck">Grundstück</a></li>
        <li><a href="index.php?site=umgebung">Umgebung</a></li>
        <li><a href="index.php?site=bilder">Bilder</a></li>
        <li><a href="index.php?site=reservierung">Reservierung</a></li>
        <li><a href="index.php?site=anreise">Anreise</a></li>
        <li><a href="index.php?site=kontakt">Kontakt</a></li>
        <li><a href="index.php?site=impressum">Impressum</a></li>
    </ul>

Alles anzeigen

Und der css Teil so:

Code

/*
----------Navigation-------------------------
*/
ul#navigation
{
float:                    left;
margin:                    65px 0 0 30px;
width:                    200px;
list-style:              none;
border-top:            1px solid #333;
}
ul#navigation li
{
text-align:            center;
}
ul#navigation li a
{
display:                block;
height:                    27px;
width:                    200px;
line-height:            27px;
text-decoration:      none;
color:                    #333;
border-bottom:            1px solid #333;
}
ul#navigation li a:hover
{
background:              #bbb;
color:                    #eaeaea;
}

Alles anzeigen

So sieht das Menue mit untermenue aus:

PHP

<ul id="navigation">
        <li><a href="index.php?site=home">Startseite</a></li>
        <li><a href="index.php?site=haus">Haus</a></li>
                      <?php if($_GET['site'] =="haus" || $_GET['site'] =="erdgeschoss" || $_GET['site'] =="obergeschoss" || $_GET['site'] =="kueche" || $_GET['site'] =="sanitaer" ) {
                    echo("<li><a href=\"index.php?site=erdgeschoss\">Erdgeschoss</a></li>
                    <li><a href=\"index.php?site=obergeschoss\">Obergeschoss</a></li>
                    <li><a href=\"index.php?site=kueche\">Küche</a><li>
                    <li><a href=\"index.php?site=sanitaer\">Sanitäranlagen</a></li>");
                    }
                    ?>
        <li><a href="index.php?site=grundstueck">Grundstück</a></li>
                    <?php if($_GET['site'] =="grundstueck") {
                    echo("<li><a href=\"index.php?site=zufahrt\">Zufahrt</a></li>
                    <li><a href=\"index.php?site=garage\">Garage</a></li>
                    <li><a href=\"index.php?site=wiese\">Wiese</a></li>
                    <li><a href=\"index.php?site=bauwagen\">Bauwagen</a></li>
                    <li><a href=\"index.php?site=unterstand\">Unterstand</a></li>
                    <li><a href=\"index.php?site=wekstatt\">Werkstatt</a></li>");
                    }
                    ?>
        <li><a href="index.php?site=umgebung">Umgebung</a></li>
                    <?php if($_GET['site'] =="umgebung") {
                    echo("<li><a href=\"index.php?site=am_heim\">am Heim</a></li>
                    <li><a href=\"index.php?site=in_salzgitter\">in Salzgitter</a></li>
                    <li><a href=\"index.php?site=im_harz\">im Harz</a></li>");
                    }
                    ?>
        <li><a href="index.php?site=bilder">Bilder</a></li>
                    <?php if($_GET['site'] =="bilder") {
                    echo("<li><a href=\"index.php?site=bilder_haus\">Haus</a></li>
                    <li><a href=\"index.php?site=bilder_grunstueck\">Grundstück</a></li>
                    <li><a href=\"index.php?site=bilder_landschaft\">Landschaft</a></li>");
                    }
                    ?>
        <li><a href="index.php?site=reservierung">Reservierung</a></li>
                    <?php if($_GET['site'] =="reservierung") {
                    echo("<li><a href=\"index.php?site=belegung\">Belegungsplan</a></li>
                    <li><a href=\"index.php?site=belegung\">Preise</a></li>
                    <li><a href=\"index.php?site=belegung\">Kontakt</a></li>");
                    }
                    ?>
        <li><a href="index.php?site=anreise">Anreise</a></li>
                     <?php if($_GET['site'] =="anreise") {
                    echo("<li><a href=\"index.php?site=mit_bus_und_bahn\">mit Bus und Bahn</a></li>
                    <li><a href=\"index.php?site=mit_dem_auto\">mit dem Auto</a></li>
                    <li><a href=\"index.php?site=routenplan\">Routenplan</a></li>");
                    }
                    ?>
        <li><a href="index.php?site=kontakt">Kontakt</a></li>
                    <?php if($_GET['site'] =="kontakt") {
                    echo("<li><a href=\"index.php?site=anschrift\">Anschrift</a></li>
                    <li><a href=\"index.php?site=kontaktformular\">Kontaktformular</a></li>");
                    }
                    ?>
        <li><a href="index.php?site=impressum">Impressum</a></li>
    </ul>

Alles anzeigen

Mein Problem ist, dass ich dem jetzt sagen muss, dass er die Untermenuepunkte kleiner machen soll, ohne Rahmen und eingerückt. Wie baue ich das am sinnvollsten in die css oben ein?

Url zur Seite: http://chatten.jurtenrunde.de

Ich hoffe ihr könnt mir helfen.
Gruß Muckel

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Aufklappendes MenueHallo,

Jetzt mitmachen!