Willkommen in der Howtos Sektion von OpenPHPNuke - das Open Source CMS


OpenPHPnuke

Tutorials zu OpenPHPnuke

Themengruppen mit unterschiedlichen CSS



Themengruppen mit unterschiedlichen CSS

In dem Howto
Wie erstelle ich eine zweite Startseite
wird wunderbar beschrieben, wie ich verschiedene Themengruppen zum Einsatz bringen kann.

Nun möchte vielleicht der ein oder andere den Themengruppen ein anderes Aussehen verschaffen.
Es gibt verschiedene Varianten dieses umzusetzen.
Eine Möglichkeit ist es, dass man sich eine weitere, oder auch mehrere, CSS anlegt und diese dann in der theme.php festlegt,
welches CSS aus meinen Theme, wann und bei welcher Themengruppe aufgerufen werden soll.

Also in etwa so:
css1 bei Themengruppe ID 1
css2 bei Themengruppe ID 2
css3 bei Themengruppe ID 3

Beispiel 1:

Ich habe mindestens 2 Themengruppen angelegt, z.B. Hauptseite und Seite 1.
Die Hauptseite hat die ID 1 und Seite 1 die ID 2
nun muss ich folgendes tun:
Ich rufe die theme.php aus meinem Theme auf und füge dort diesen: Code ein.
Jetzt mache ich mir es einfach und kopiere mir die MEINTHEMENAME.css, aus dem Theme welches ich nutze, und mache daraus MEINTHEMENAME1.css.
die MEINTHEMENAME1.css gestalte ich mir jetzt so wie sie meinen Wünschen entsprechen soll und die Themengruppe "Seite 1" dargestellt werden soll.

Wenn ich das soweit habe, kann ich mir die Seite, mit Seiten- und Centerboxen einrichten wie ich es wünsche.
Bestimmte Artikel festlegen, die nur für diese Themengruppe bestimmt sind, Foren, im Grunde alles.


Beispiel 2:

Eine andere Möglichkeit, so wie es auf der openphpnuke.info (altes Theme) dargestellt wurde, war:
das für die CSS in dem Theme, weitere Classen definiert habe.

Auf der Info ist es z.B. so, das in der Navigationsleiste die Themengruppen
Support
Developer
Haupseite
vorhanden sind, die sich auf eine bestimmte Class in der CSS beziehen.

Beispiel:
Support bezieht sich auf die Class bgnavleiste
Developer bezieht sich auf die Class bgnavleiste 1
Haupseite auf Class bgnavleiste2
Das ist allerdings Theme abhängig, folgender Code wird in die theme.php eingetragen, wo genau steht im Script mit drin.

Der Aufruf für diese CSS-Class folgt dann im Adminbereich, dort gibt es bei den Themengruppen die Zeile CSS (url)
Ich wähle nun also
Themengruppe: Seite 1
CSS (url) (ab Vers. 2.3.0 -> CSS (Übergabe): diese Class die in der css festgelegt wurde, die man für diese Themengruppe nutzen möchte.

also die Class, die z.B. für Developer im CSS steht, könnte heissen: bgnavleiste 1 {border:none; color:#000; background:#008000;}
dann wird dementsprechend in das Feld CSS (Übergabe) bgnavleiste 1 reingeschrieben.

(auch wenn dort steht CSS Url oder ab 2.3.0 Übergabe, dort kommt keine URL rein, sondern die CLASS aus dem CSS!!)

Jetzt habe ich in der Navigationsleiste meine Themengruppen verschieden farbig hinterlegt, und kann mir die Themengruppen wieder mit Boxen, und Menüs gestalten wie ich es möchte.


Hinweis!!
Die beiden aufgeführten Beispiele sind von Grund auf verschieden und sind zweierlei Sachen!
Das erste Beispiel bezieht sich auf mehrere CSS!
Das zweite Beispiel nur auf EINE CSS!

Extra Information....
zugefügt am: 06.06.2009 20:30
Verfasser spinne ()
Bewertung (gelesen: 18995 mal)
Option: Drucken Drucken mit Kommentar
Es sind keine Kommentare für Gäste erlaubt, bitte registrieren Sie sich


[ Zurück zum Howtos Index ]
Themengruppen mit unterschiedlichen CSS
geschrieben von Flash von 03.08.2007 12:44:57
Meine Bewertung:


noch eine kleine Änderung um es valide zu machen und einen Error im HTML code zu beseitigen.

$themecss = $opnConfig['opnOutput']->GetThemeCSS();
$opncss = $themecss['opn']['url'];
if ($opncss != '') {
echo '<link rel="stylesheet" href="'.$opncss.'" type="text/css" />'._OPN_HTML_NL;

Themengruppen mit unterschiedlichen CSS
geschrieben von spinne von 02.08.2007 18:54:48
Meine Bewertung:


kleine Änderung in dem Script für den CSS-Einbau

anstelle:
$opncss = $opnConfig['opnOutput']->getcss ('opn_themes_include');

kommt:
$opncss = $opnConfig['opnOutput']->GetThemeCSS ('opn_themes_include');