Protostar z-index

Hallo,

ich arbeite hier www.joomla3.derkps.de mit Protostar und habe auf Seite 1 einen Beitrag in die Position 'Content' gesetzt. Dieser Text erscheint in voller Breite.

Auf Seite 2 steht ebenfalls ein Text in der Position 'Content'. Zusätzlich habe ich ein Bild in die Position 7 (aside, rechts) gesetzt.

Die Position 7 soll über den anderen Positionen schweben. Das habe ich in user.css mit

.well {
    min-height: 20px;  padding: 0px;  margin-bottom: 0px;  
    background-color: #ffffff; border:  0px solid #e3e3e3;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);

    position: relative; top: -30px; right: 8px; z-index: 10;
}

eingestellt. Zur Demonstration, dass die höhere Z-Ebene funktioniert, habe ich Position 7 verschoben.

Mich stört, dass die Position 'Content' - trotz niedrigerer Ebene - jetzt schmaler wird.

Kann man das ändern? Ich möchte im 'Content' weiterhin die volle Breite haben.

Die schon veröffentlichten Beiträge zur 'rechten Position' habe ich gelesen, kann für mich aber keine Lösung ableiten.

vG

Hallo

nun habe ich eine neue Position eingefügt und auf Seite 1 veröffentlicht www.joomla3.derkps.de

index.php zwischen <!-- End Sidebar --> und <!-- Begin Content -->

<?php if ($this->countModules('position-kps') && $hideByView == false && $hideByEdit == false): ?>
<div id="position-kps">
<jdoc:include type="modules" name="position-kps" style="html5nosize" />
</div>
<?php endif; ?>

Aber was habe ich jetzt gewonnen? Ähnlich wie Position-3 kann ich im css nichts verschieben (z-index etc).
In der .xml werden 14 Positionen aufgeführt. Wo sind die?

vG

KarEm

Mein BE sieht etwas anders aus und eine Vorschau (Augensymbol) sagt bei http://www.joomla3.derkps.de : keine verfügbar. ?tp=1 funzt auch nicht.

Egal, bei meinen anderen Seiten funktioniert es. Aber da ist keine 10 oder 14. Vielleicht Platzhalter (frei)? Wem nutzt es?

christine2

Woher weißt du, dass ich mal mit .kps gearbeitet habe?

Beim Einkaufen kam mir der Gedanke, dass es dem neuen Modul an einem Style fehlt.

Wenn ich im BE z.B. '.well' aus Position-7 ausgewählt habe, konnte ich das neue Modul verschieben.

In meiner Schlichtheit habe ich in 'index.php' style=kps gesetzt und in 'user.css' einen '.kps' in Anlehnung an '.well' notiert.

.kps war aber wirkungslos und tauchte im BE nicht zur Auswahl auf.

Nun habe ich deinen Vorschlag übernommen:

index.php style="custom"

user.css .custom {

Module | Erweitert | Modulstil: vom Template geerbt

Aber es passiert noch immer nichts:

Der Modultitel wird nicht angezeigt

Die Formatierung ist wirkungslos

Der Firefox-Inspektor sagt, dass der Modulstil fehlt.

Was habe ich nicht verstanden?

vG

Zitat von der_kps

Woher weißt du, dass ich mal mit .kps gearbeitet habe?

...weil du es selber geschrieben hast:

id="position-kps"

ok

Zitat

...weil du es selber geschrieben hast:

das bedeutet, dass zu id="position-hammbummel" der style="hammbummel" gehört; nur jetzt ist es style="custom" ?

"Style" gibt an, wie das Modul an dieser Stelle ausgegeben wird;

Zitat von Eigenes uraltes Tutorial

xhtml

Der Inhalt wird in DIV-Tags ausgegebentable

Der Inhalt wird in TABLE-Tags ausgegeben (td)horz

Der Inhalt wird horizontal ausgegebenoutline

Der Inhalt wird hervorgehoben (mit einer Hintergrundfarbe belegt)rounded

Der Inhalt wird mit einem Rahmen und aberundeten Ecken versehen. Vorraussetzung ist allerdings, dass selbige auch in der CSS-Datei definiert sind. Sonst wird diese Angabe einfach ignoriert.

Alles anzeigen

in der CSS findest du das, was du unter der "id" angegeben hast und wird in der CSS mit einer Raute eingeleitet (id = Raute, class = . [Punkt])

In deinem Beitspiel also

#position-hammbummel { Formatangaben }

Aaaah, jetzt ja! anka.

Jetzt verstehe ich auch, was christine2 und @time4mambo gemeint haben mit "id = Raute, class = . [Punkt])". Eine Klasse spreche ich hier ja garnicht an. Mit # funktioniert es! Meine Gedanken hingen fest an 'style="well" in index.php und der korrespondierenen (Klasse) '.well' in css. Das kommt davon, wenn man blöd ist und nur abschreibt
Und ich habe festgestellt, dass bei dieser J-Installtion die Positionsanzeige in den Template-Optionen erst freigegeben werden muss. KarEm, jetzt sehe ich auch, wo ich mit meiner position-kps bin.

Vielen Dank für eure Hinweise!

In index.php habe ich span3 ergänzt, bin aber nicht sicher, ob das regelkonform ist. Ich erinnere mich an einen Thread mit "12er-Regel". Bei mir soll es nur eine ganz kleine Spalte sein.

<div id="position-kps" class="span3">

Aber eine Frage habe ich noch:

Zwischendurch habe ich in user.css immer wieder mit '.kps' und '.command' erfolglos experimentiert.

Diese Notationen waren nur kurzfristig präsent und wurden oben mehrmals zitiert.
Wie hat man von außen Einsicht in die css-Daten?

vG

Na cool

Mit https://whatcms.org/ erfahre ich, ob mit Joomla gearbeitet wird.
Dann schaue ich mit den

Zitat

Entwickler-Tools in den Browsern.

nach und 'adaptiere' das, was mir gefällt. Aber ischa alles open source und für Forum-support von Nutzen. Wenn das bei z.B. C# auch möglich wäre ...

Also die vollständige Antwort für Firefox user:
Menü öffnen | Web-Entwickler | Inspektor (Strg+Shift+C)
und dann {} Stilbearbeitung.

Hallo christine2!

Du gibst dir immer viel Mühe mit kommentierten Screenshots. Das sagt mehr als 1000-2638 Worte

Die Positionen 7/8 (rechts/links) werden mit mehreren If-Abfragen in index.php auf Existenz geprüft und der Content dann von span12 auf 9 oder 6 reduziert ( chr-hl). Und das ist genau das, was ich nicht gebrauchen kann. Auskommentieren der If-Abfrage macht keinen Sinn.

Die 'position-kps', wie ich sie benötige, steht unmittelbar nach <!-- Begin Content --> und vor 'name="position-3" '

Somit sind die im Tutorial angesprochenen Klassen "container-fluid" und "row-fluid" bereits eingebunden.

Eine Einstellung class="spanX" steht aus meiner Sicht nicht im Widerspruch zum o.g. Tutorial und passt wg. 1-spaltig auch in die 12er-Regel.

Seit ich um die Bedeutung von # in user.css weiß, habe ich in den Seiten verschiedene Einstellungen probiert; sie sind nur von vorübergehender Bedeutung. Die Verwendung von 'aside' ist für mich nicht weiter zielführend.

Vielen Dank
vG

Mission completed!

Eine Zusammenfassung für alle, die ebenfalls mal mit Protostar ein schwebendes Modul mit neuer Position einrichten wollen.

Arbeitsschritte

1. templateDetails.xml: zwischen bestehenden Positionen einfügen

<position>position-neu</position>

2. index.php: zwischen bestehenden Positionen einfügen, z.B. nach <!-- Begin Content -->

<!-- ####### neue Position, Beginn ########## -->
<?php if ($this->countModules('position-kps') && $hideByView == false && $hideByEdit == false): ?>
<!-- <div id="position-neu" > -->
<div id="position-neu" class="span3">
<jdoc:include type="modules" name="position-kps" style="xhtml" />
</div>
<?php endif; ?>
<!-- ########### neue Position, Ende ########### -->

3. user.css: neuen Style einfügen, zum Beispiel

#position-neu {
height: auto; padding: 10px; margin: 10px;
background-color: #ccc; /*#ffffff;*/
border: 4px solid #e3e3e3;
float: right;
position: relative; top: -70px; right: 10px; z-index: 100;
}

Hallo christine2!

#18: Hamburger? BigMac, DoppelWopper. Verstehe ich jetzt nicht. Ahh, jetzt. Du meinst das mobile Menü!

Niemand ist gezwungen, eine negativen Top-Wert zu verwenden; nur ich!

Wir erinnern uns an diese Seite www.woltman.de (Kalenderelement, cantao) oder diese www.ycsh80.de (position7/aside, top: -30px).

Meine persönliche Aufgabenstellung war und ist, ein Element überlappend in ein anderes zu verschieben. Jedenfalls für die Saison 2019.

Bei 'aside' rutscht das in der mobilen Ansicht nach unten, da stört nichts.

Bei http://www.joomla3.derkps.de ist top: -70px natürlich heftig, aber eben nur ein Beispiel.

In der Mobil-Anschicht ist das Design eh futsch und im Klopapierrollen-Layout sehen die Seiten ... na ja, eher sch.... aus. (woltman.de soll 7500,-€ gekostet haben)

#!9: Danke für diesen Code, jetzt sehe ich auch den BigMac (oder war es der Hamburger?)

Damit werde ich noch etwas spielen.

Aber nicht jetzt. Zum arbeiten ist es noch immer zu warm, zum schlafen aber auch. Und ein 'beruhigendes' Bierchen geht nicht, weil ich in der Früh zum Doc muss wg. Blutwerten.

Irgendwas ist immer. Ich setze mich in den Strandkorb und warte ab.

vG