[bb3] freistehendes Index-Modul

[Zuckerpuppe]

Hallo

Bei Foren, wo man die Templates nicht bearbeiten kann, ist es ja auf normalem Weg nicht möglich, Elemente in den Header, Fußteil, etc. zu setzen.
Aus aktuellem Anlass zeige ich euch heute wie man ein Indexmodul an einer frei wählbaren gewünschten Stelle im Forum platzieren kann.
Möglich ist es bei Foren, die die Indexmodule aktiviert haben, aber auch bei Foren, die diese Module nicht anzeigen.

Für Foren, die die Indexmodule angezeigt haben:

Adminbereich - Module - Portal und Widgets - Indexmodule

ihr erstellt ein neues persönliches Modul mit eurem gewünschten Inhalt.
Das kann alles mögliche sein - eine Grafik, ein Text, etc.
Dieser Inhalt muss von folgendem Code umschlossen werden

Code:

 <div style="position: absolute; top: 100px; right: 70px; z-index: 10000;">HIER KOMMT EUER GEWÜNSCHTER INHALT REIN  </div>

Achtet darauf, dass die Einstellung bei "die Standardaufstellung nutzen" auf NEIN steht.


Dann schiebt ihr das Modul in die Kolonne, die bei euch im Forum angezeigt wird. Dabei ist es völlig egal, ob links oder rechts (1. oder 3. Kolonne)

Über die Stylepositionierung im o.g. Code könnt ihr angeben, an welchem Platz euer Modul stehen soll.
In meinem Beispiel ist es jetzt im Headerbereich.

Code:

<div style="position: absolute; top: 100px; right: 70px; z-index: 10000;">

top: 100px -> bedeutet den Abstand von oben - je größer ihr den Wert angebt, umso tiefer rutscht das Modul.
right: 70px -> bedeutet den Abstand von rechts - je größer ihr den Wert angebt, umso mehr rutscht das Modul nach links.

Hier (oder auch auf anderen HTML- erklärenden Seiten) findet ihr noch weitere Erklärung zur Positionierung eines Elementes.

---

Für Foren, die die Indexmodule nicht angezeigt haben:

Wenn ihr keine Indexmodule angezeigt habt, dann geht ihr genaus vor wie oben beschrieben, jedoch müsst ihr in euer persönliches CSS noch einen Code einsetzen:

Adminbereich - Anzeige - Bilder & Farben - Farben -> Reiter CSS Stylesheet
dort in das große Feld fügt ihr folgendes ein:

Code:

#content-container div#left {
    display: none;
    margin-right:0px;
    }
    #content-container div#content {
    margin-right: 0px;
    }

Eure Moduleinstellungen müssen folgendermaßen aussehen:
Adminbereich - Module - Portal und Widgets - Indexmodule

Ihr aktiviert die Module und stellt die 3. Kolonne auf 180px, die 1. Kolonne bleibt auf 0


Wenn ihr das Modul erstellt habt, schiebt ihr es in die 3. Kolonne. Es darf kein weiteres Modul dort stehen.


Wenn ihr alles richtig gemacht habt, dann sieht das so aus. In meinem Beispiel ist es der google-Übersetzer, der jetzt im Headerbereich steht.


Viel Spaß damit