Lexi Help
Partner
www.forumieren.com

[bb3] freistehendes Index-Modul

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[bb3] freistehendes Index-Modul

Beitrag von Zuckerpuppe am Do 12 Jan 2012 - 13:15

Hallo Smile

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 Smile

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten