CSS jetzt im Editor möglich

Allgemeine Fragen zu Homepagemaker.eu

Moderatoren: HTML-Laie, webhostel

Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 233
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von 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.
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8335
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von 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.

Bild

Hier ein Beispiel wie das bei WordPress aussieht
Viele Grüße ...Monika
Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 233
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von 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
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 233
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von 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.
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8335
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von 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. 🙋‍♀️
Viele Grüße ...Monika
Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 233
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von webhostel »

Schon erledigt :-)

War sogar total einfach :D
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 8-)
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 233
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von webhostel »

Ich hab mal eine weitere Navigation mit Unter- Untermenüs hinzugefügt.
https://meine-hp.com/demo/
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8335
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von moni »

webhostel hat geschrieben: Do 2. Mär 2023, 19:21 Ich hab mal eine weitere Navigation mit Unter- Untermenüs hinzugefügt.
https://meine-hp.com/demo/
Hallo Olli Das sieht sehr gut aus :u23

Bin wieder im Lande zurück und schau mir all dein werkelen nach und nach :X
Viele Grüße ...Monika
Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 233
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: CSS jetzt im Editor möglich

Beitrag von webhostel »

Welcome Back :D
ja, also alles ist möglich 8-)
Ich kann ja Blöcke einfach Global für alle speichern
und jeder kann sie dann nutzen.
Gruß Olli 8-)
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Antworten

Zurück zu „Homepagemaker.eu“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste