Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Sieht wirklich gut aus.

@ King Kurt

Du hast so ein schmales Forum.Ich finde,das die Sidebar ruhig aufgeklappt bleiben sollte.
Denn die Breite der Bar stört doch das Forum nicht und sieht gut aus.
Ist jetzt meine Meinung..

Gruß
Olaf

King Kurt die Navigation macht sich richtig gut bei dir im Forum.
Auch auf dem Handy kann ich kein Problem fest stellen.

Ein Grund war eben weil Olaf bereits 2 Ähnliche gebracht hat. Für mich war es mal eine Spielerei und selber habe ich die nie gebraucht.
Und wenn ich Überlege wie viele Ticker es im Store gibt wollte ich nicht noch ein weiteres Menu Bringen. Gut bei meinen Ist es lauffähig in allen Templates.
Im Moment sind wir im FoXum am Testen ob man die Navigationsleiste Kennzeichnen Kann mit dem Wort
N
A
V
I
G
A
T
I
O
N

ich habe so viele PI gebastelt aber eben nix zu 100% fertig. Dann noch immer die API von Xobor die beachtet werden muß, zu Recht, aber da fehlt mir einfach die Zeit. Im Moment habe ich Urlaub aber ab Montag ist wieder Arbeiten angesagt.

Guten Morgen Mario,

ich lese hier die ganze Zeit mit, weil ich schon lange auf der Suche nach dem Menu linke Seite bin.
Hier heisst es zwar für das Gaia, aber es geht im Business auch?
Wärst Du so lieb und würdest mir das Privat PL auch senden an:

170556
157755

Vielen Dank und liebe Grüsse
Gabi

Es ist in einen Kurztest in allen Templates Verfügbar.
Ist geschickt.
Nochmal als Anmerkung
Das Plugin wird nicht in den Store geschickt da es nun zu Häufig geteilt wurde. Ich sehe es als Entwicklung durch jeden der Spaß daran hat. So Lernen alle etwas über das PI System.
Und das kommt allen die das System nutzen zu Gute.

Zitat

---

ist es möglich in dem schwarzen balken eine schrift nach unten wie ich es oben beschrieben habe einzufügen?

---

Hi Leute,
wir haben mal eine simple Variante ausprobiert um einen Text auf den Balken zu bekommen.
Normalerweise geht das nicht.
Der Balken ist ein Rahmen.
Auch wenn er durch die Dicke aussieht wie eine Fläche, so kann man keinen Text in einen Rahmenstrich rein setzen.

Ausgehend von Marios ursprünglichen Code muss man nur wenige Zeilen einfügen und ggf. die Werte ein wenig anpassen.
Direkt hinter dem ganzen HTML-Konstrukt (nach Zeile 39) fügt man ein Neues Element mit einer eigenen ID ein.
Z.B.:

<div id="paneltext">N a v i g a t i o n</div>
 

Statt des Textes könnte man auch Symbole einsetzen wenn man mag.

Nun ändert man den Rahmen dieser Sidebar etwas ab.
Der linke Rahmen wird nun dicker gemacht und der rechter Rahmen dünner.
Das wären im Original in der Zeile 44 die beiden Werte für border-left und border-right.
Z.B. recht 5px und links 20px.

Der Grund ist, daß der neue Text gedreht und dann auf den linken Rahmen verschoben werden soll.
Wenn er auf den rechten Rahmen platziert wird, müsste er sich beim Aufklappen mit bewegen.
Auf dem linken Rahmen ist das aber nicht nötig.
Darum "eine simple Variante" ;-)

Nun muss der Text gedreht werden.
Dazu gibt es verschiedene Lösungen.

1.
<style>
	#paneltext {
		width: 0;
		word-wrap: break-word;
	}
</style>
 
2.
<style>
	#paneltext {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
	}
</style>
 

Bei der ersten Variante werden die einzelnen Buchstaben nicht gedreht
sondern durch automatische Zeilenumbrüche untereinander gesetzt.
Bei der zweiten Variante wird der ganze Text, inkl. der Buchstaben gedreht.
Ist also Geschmackssache.

Nun muss der Text nur noch auf den linken Rahmen positioniert werden.
Je nach "Dreh-Variante" muss man aber andere Positionswerte ausprobieren.
Die Werte muss jeder für sich selbst anpassen.
Hier nun beide Varianten nochmal komplett, so wie es in unserem Test funktioniert hat.

1.
<style>
	#paneltext {
		width: 0;
		word-wrap: break-word;
		font-size: 16px;
		color: #ffffff;
		position: fixed;
		left: 5px;
		top: 200px;
		z-index:{{plugin_lsidebar_config_zindexmenu}};
	}
</style>
 
2.
<style>
	#paneltext {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
		font-size: 16px;
		color: #ffffff;
		position: fixed;
		left: -51px;
		top: 200px;
		z-index:{{plugin_lsidebar_config_zindexmenu}};
	}
</style>
 

Der z-index der Sidebar (#leftPanel {....} ) ist bei uns per Config-Variable einstellbar.
Der Paneltext wird daher mit der gleichen Variable eingestelt.
Sonst würde er hinter der Sidebar verschwinden.

Jetzt müsst ihr nur noch die ganzen Werte euren Wünschen ein wenig anpassen.