[HowTo] HP-Design in Forum einbinden
22.12.2011, 21:09
Hier ein kleines Tutorial, wie man das Design seiner Homepage in ein MyBB-Forum einbindet.
Vorraussetzung dazu ist Grundwissen in HTML, CSS und ggf. auch PHP, zudem sollte man den Aufbau des Template/Theme Systems von MyBB kennen.
1. Vorbereitung
Zuerst sollte (muss nicht unbedingt) ein neuer Style erstellt werden, damit man ggf. wieder auf das Alte Design umsteigen kann. Dazu einfach die entsprechenden Funktionen im ACP benutzen. Da ich finde, dass diese Funktionen selbsterklärend sind, erkläre ich die hier mal nicht
2. .css Datei importieren
Nun müssen wir alle .css Dateien unseres Homepage Styles importieren, dazu einfach in dem gerade angelegten Theme die Funktion "Add Stylesheet" auswählen, einen Namen eingeben, den Hacken bei "Attached to" bei "Globally" setzen und unten "Write my own content" auswählen. Zum Schluss noch den Inhalt der eigenen .css Datei in das Editorfenster kopieren und den Speichern Button benutzen. Falls mehrere Dateien vorhanden sind, den Schritt natürlich für jede Datei machen
3. Templates anpassen
3.1. header
Das header Template findet ihr unter "Template->*Euer Set*->Header Templates->header". In dieses kopiert ihr nun den Code eurer Seite nach dem <body> Tag bis zu der Stelle, wo euer Forum erscheinen soll.
Als Seite hättet ihr z.B.:
Dann stände in dem header Template nun folgender Code:
Falls ihr bei euch auf der Seite JavaScript Dateien einbindet, müssen diese Code Zeilen natürlich auch in das Template geschrieben werden.
Variablen, die in dem header Template vorkommen:
$welcomeblock -> Der Block oben, in dem der Name steht, sowie die wichtigsten Links
$pm_notice -> Der Hinweis auf ungelesene Nachrichten
$bannedwarning -> Sperrbildschirm für gebannte User
$bbclosedwarning -> Wartungsbildschirm
$unreadreports -> Mitteilung auf einen sog. Report
$pending_joinrequests -> Hinweis auf eine Aufnahmeanfrage
Solche Variablen wie für den Wartungsbildschirm sollten eingebunden werden, damit der User weiss, warum er nichts zu sehen bekommt.
Zudem gibt es noch die Codes für das MyBB-Menü, diese sind allerdings zu lang um hier aufgelistet zu werden.
3.2. footer
Das Footer Template ist unter "Templates->*Euer Set*->Footer Templates->footer" zu finden. Dort muss der Code nach eurem Content, mit Ausnahme der </body> & </html> Tags stehen, im obigen Beispiel also:
Allerdings müsst ihr natürlich daran denken, das Copyrigth wieder einzubinden
Variablen im Footer Template:
$lang_select -> Anzeige der Sprachauswahlbox
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, © 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br /> -> Copyrigth Code
$task_image -> Ausführen verschiedener Funktionen von MyBB !!!MUSS VOHANDEN SEIN!!!
$auto_dst_detection -> Automatische Sommerzeitkorrektur
Zudem gibt es noch den Code zum Anzeigen der Debug Infos für Admins:
4. PHP-Code benutzen
4.1. .php Datei einbinden
Um die PHP Datei einzubinden, den folgenden Code in die Datei schreiben, in der die Datei aufgerufen werden soll. Falls sie in allen Dateien aufgerufen wird (z.B. bei einem Menü) in die global.php schreiben.
4.2. Template Aufruf
In dem entsprechenden Template kann die Variable dann einfach aufgerufen werden. Allerdings mit der entsprechenden MyBB-Syntax
5. Hinweise
-In den includeten PHP Dateien kann nicht auf die MyBB Variable $mybb zugegriffen werden!
Bei Fragen & Problemen stehe ich natürlich gerne zur Verfügung
Vorraussetzung dazu ist Grundwissen in HTML, CSS und ggf. auch PHP, zudem sollte man den Aufbau des Template/Theme Systems von MyBB kennen.
- Vorbereitung
- .css Datei importieren
- Templates anpassen
- header
- footer
- header
- PHP-Code benutzen
- .php Datei einbinden
- Template Aufruf
- .php Datei einbinden
- Hinweise
1. Vorbereitung
Zuerst sollte (muss nicht unbedingt) ein neuer Style erstellt werden, damit man ggf. wieder auf das Alte Design umsteigen kann. Dazu einfach die entsprechenden Funktionen im ACP benutzen. Da ich finde, dass diese Funktionen selbsterklärend sind, erkläre ich die hier mal nicht
2. .css Datei importieren
Nun müssen wir alle .css Dateien unseres Homepage Styles importieren, dazu einfach in dem gerade angelegten Theme die Funktion "Add Stylesheet" auswählen, einen Namen eingeben, den Hacken bei "Attached to" bei "Globally" setzen und unten "Write my own content" auswählen. Zum Schluss noch den Inhalt der eigenen .css Datei in das Editorfenster kopieren und den Speichern Button benutzen. Falls mehrere Dateien vorhanden sind, den Schritt natürlich für jede Datei machen
3. Templates anpassen
3.1. header
Das header Template findet ihr unter "Template->*Euer Set*->Header Templates->header". In dieses kopiert ihr nun den Code eurer Seite nach dem <body> Tag bis zu der Stelle, wo euer Forum erscheinen soll.
Als Seite hättet ihr z.B.:
PHP-Code:
<head>
<title>Eure Seite</title>
</head>
<body>
<div id="Menu">
-Seite 1
</div>
<div id="Content">
Hier ist eure Seite
</div>
</body>
Dann stände in dem header Template nun folgender Code:
PHP-Code:
<div id="Menu">
-Seite 1
</div>
<div id="Content">
Falls ihr bei euch auf der Seite JavaScript Dateien einbindet, müssen diese Code Zeilen natürlich auch in das Template geschrieben werden.
Variablen, die in dem header Template vorkommen:
$welcomeblock -> Der Block oben, in dem der Name steht, sowie die wichtigsten Links
$pm_notice -> Der Hinweis auf ungelesene Nachrichten
$bannedwarning -> Sperrbildschirm für gebannte User
$bbclosedwarning -> Wartungsbildschirm
$unreadreports -> Mitteilung auf einen sog. Report
$pending_joinrequests -> Hinweis auf eine Aufnahmeanfrage
Solche Variablen wie für den Wartungsbildschirm sollten eingebunden werden, damit der User weiss, warum er nichts zu sehen bekommt.
Zudem gibt es noch die Codes für das MyBB-Menü, diese sind allerdings zu lang um hier aufgelistet zu werden.
3.2. footer
Das Footer Template ist unter "Templates->*Euer Set*->Footer Templates->footer" zu finden. Dort muss der Code nach eurem Content, mit Ausnahme der </body> & </html> Tags stehen, im obigen Beispiel also:
PHP-Code:
</div>
Variablen im Footer Template:
$lang_select -> Anzeige der Sprachauswahlbox
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, © 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br /> -> Copyrigth Code
$task_image -> Ausführen verschiedener Funktionen von MyBB !!!MUSS VOHANDEN SEIN!!!
$auto_dst_detection -> Automatische Sommerzeitkorrektur
Zudem gibt es noch den Code zum Anzeigen der Debug Infos für Admins:
PHP-Code:
<div id="debug"><debugstuff></div>
4. PHP-Code benutzen
4.1. .php Datei einbinden
Um die PHP Datei einzubinden, den folgenden Code in die Datei schreiben, in der die Datei aufgerufen werden soll. Falls sie in allen Dateien aufgerufen wird (z.B. bei einem Menü) in die global.php schreiben.
PHP-Code:
ob_start();
include 'Datei.php'; //Deine Datei
$Menu = ob_get_contents(); //Mit dieser Variable wird die Datei später aufgerufen
ob_end_clean();
4.2. Template Aufruf
In dem entsprechenden Template kann die Variable dann einfach aufgerufen werden. Allerdings mit der entsprechenden MyBB-Syntax
5. Hinweise
-In den includeten PHP Dateien kann nicht auf die MyBB Variable $mybb zugegriffen werden!
Bei Fragen & Problemen stehe ich natürlich gerne zur Verfügung
