CSS jetzt im Editor möglich

[webhostel]

Wenn du den Header Navi-block mit dem Unterseitenmenü fertig hast, speicher den als Vorlage ab.
Dann kannst du den Block (eigene Blocks) immer für weitere Textseiten nehmen und hast so immer den gleichen Header bzw. Navi.

[moni]

Hallo Olli ..

Klar man kann mit den leeren block und Codes Einbettung einiges erstellen unten andren auch eine eigene Navi mit Unterseiten. Man darf aber nicht vergessen das so was bedarf schon etwas HTML Kenntnisse. Denke, mir es wäre zu empfehlen in den blocken eine navi anzubieten, mit der Option Unterseiten zu erstellen. Wo man zum Beispiel mit Drag-and-Drop die navi Unterlinks nach rechts verschiebt oder mit anderen Methoden.
Ich kann mir schon vorstellen, dass einige Nutzer an solche Navigation interessiert sind.



Hier ein Beispiel wie das bei WordPress aussieht

[webhostel]

Ja das stimmt.
Ich habe die Programmierer angeschrieben, mit deinem Vorschlag.
Hatte denen auch noch geschrieben das man eigene Ordner in der Bildbibliothek erstellen kann,
gut wären und die enthaltenen Bilder für eine Galerie automatisch genommen werden können.

Gruß Olli

[webhostel]

Ich hab da nochmal eben einen tollen Code gefunden und eingebaut

Style kommt in die Seiteneinstellungen (Rechts oben wo die 3 Punkte untereinander sind, ins Seiten-CSS)

#menu ul {
color:#ffffff;
list-style: none;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
display: flex;
align-items: center;
}
#menu ul li ul {
flex-direction: column;
position: absolute;
left: 0px;
top: 100%;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease-in;
}
#menu ul li {
background-color: rgba(27, 64, 91, 0.8);
padding: 20px;
transition: all 0.2s ease-in;
position: relative;
}
#menu ul li:hover {
background-color:rgba(58, 103, 137, 0.8);
}
#menu ul li:hover ul {
visibility: visible;
opacity: 1;
}


Code hab ich so eingebaut:

1. Leerer Block
2. Grid mit 2 Zeilen wegen des Logos links (ist jedem selbst überlassen, welchen man nimmt)
2. Element -> Einbettungen in das rechte Feld gezogen
4. folgenden Code im Editor-Feld <> eingegeben:

<div id="menu">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a>
<ul>
<li><a href="#">Unterseite 1</a></li>
<li><a href="#">Unterseite 2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
<li><a href="#">Item 6</a></li>
<li><a href="#">Item 7</a>
<ul>
<li><a href="#">Unteritem 3</a></li>
<li><a href="#">Unteritem 4</a></li>
<li><a href="#">Unteritem 5</a></li>
<li><a href="#">Unteritem 6</a></li>
</ul>
</li>
</ul>
</div>



https://meine-hp.com/demo

Ich gucke mal, ob ich den Block als Vorlage einbauen kann.
Im Prinzip sieht der Aufbau logisch aus und sollte leicht erweiter und änderbar sein.

[moni]

Das Navi demo sieht sehr gut aus. Hab mir das noch nicht in admin Bereich angeschaut. Wen es mir das möglich wäre mache das und bekommst Rückmeldung.
Bin erstmal aus für ca 2 Wochen nicht da.
Frohes schaffen und bis dann.

[webhostel]

Schon erledigt

War sogar total einfach
Blocks und Elemente, die ich als Admin erstelle, kann ich für alle speichern.
Könnte ich auch von Mitgliedern, wenn die zur Verfügung stehen oder einer welche erstellen will.

Der Block ist in Blocks -> Navigation

Gruß Olli

[webhostel]

Ich hab mal eine weitere Navigation mit Unter- Untermenüs hinzugefügt.
https://meine-hp.com/demo/

[moni]

Ich hab mal eine weitere Navigation mit Unter- Untermenüs hinzugefügt.
https://meine-hp.com/demo/

Hallo Olli Das sieht sehr gut aus

Bin wieder im Lande zurück und schau mir all dein werkelen nach und nach

[webhostel]

Welcome Back
ja, also alles ist möglich
Ich kann ja Blöcke einfach Global für alle speichern
und jeder kann sie dann nutzen.
Gruß Olli