Ein paar Fragen zum Template "fhs-left-right-17x"

[Der Zwerch]

Hallo zusammen,
ich habe nach ewig langer Zeit wieder einmal versucht, ein Template einzurichten.
Ich habe mich lach langer Suche für dieses hier entschieden: fhs-left-right-17x.

Es haben sich ein paar Fragen ergeben, die man mir vielleicht beantworten kann. Mangels Hintergrundwissen sind etliche(!) Versuche bereits ein Griff in den berühmten Keramigbehälter gewesen ..

1) Wie kann man den markierten Teil aus dem Template entfernen?

001.JPG

2) Wie kann man hier die Hintergrundfarbe so ändern, dass sie sich der unteren anpasst?

002.JPG

3) Ich habe vor, einige Seiten mittels

Code: Select all

<p><iframe src="https://www.Scholle-privat.info" width="100%" height="1000"></iframe></p>

einzubinden. Bei der hier hat es geklappt. Aber andere, wie zum Beispiel "https://www.IP-Phone-Forum.de" lassen sich nicht einbinden. Blockieren die das dann von sich aus?

4) Und als vorerst letzte Frage ... ich meine, vor ewigen Zeiten mit Fancybox gearbeitet zu haben. Dann wurden eingebundene Seiten als "Popup" mit abgerundeten Ecken dargestellt. Ich das noch möglich?

5) (Nachtrag) Kann man den mittleren Block eigentlich verbreitern?

Vielen Dank für Eure Mühen im Voraus.

Grüße,
Frank

[frase]

1) Wie kann man den markierten Teil aus dem Template entfernen?

Hier könntest du den gesamten Header in der template.htm entfernen.

Code: Select all

<div canvas="container" class="canvasContainer">
<!-- Ab hier löschen -->
<div id="header">
<div id="banner">
<div class="bannerBrand"><a href="./" class="logo">&nbsp;</a><!-- LOGO -->
<p><?=$tx['template']['text1']?></p><!-- SLOGAN Text1 from language config --> 
</div>
</div>
</div>
<!-- Löschen bis hier -->
<main id="main"><?=content();?>

2) Wie kann man hier die Hintergrundfarbe so ändern, dass sie sich der unteren anpasst?

Diese Frage habe ich nicht verstanden.
Wenn die Hintergrundfarbe wie die des Footers wird, dann hast du schwarze Schrift auf schwarzem Grund. Meintest du das so?

Aber andere, wie zum Beispiel "https://www.IP-Phone-Forum.de" lassen sich nicht einbinden. Blockieren die das dann von sich aus?

Tatsächlich ist das so. Die Seite verhindert die Anzeige in einem iFrame.
Das ist wie die Einstellung "sameorigin" bei der CMSimple_XH Konfiguration.
Und wahrscheinlich ist das auch besser so. Einfach fremde Inhalte in die eigene Website einbauen - das darf man meistens gar nicht und so richtig sinnvoll ist es (meistens) auch nicht. Ein Text-Link zu dieser Seite sollte genügen.

4) Und als vorerst letzte Frage ... ich meine, vor ewigen Zeiten mit Fancybox gearbeitet zu haben. Dann wurden eingebundene Seiten als "Popup" mit abgerundeten Ecken dargestellt. Ich das noch möglich?

hi_fancybox installieren.
Auf der gewünschten Seite einfügen:

Code: Select all

<p><a class="zoom_i" href="https://www.Scholle-privat.info">Linktext</a></p>

Und schon funktioniert das.
Allerdings nicht mit www.ip-phone-forum.de, aus oben beschriebenem Grund.

5) (Nachtrag) Kann man den mittleren Block eigentlich verbreitern?

Das könnte man durchaus - wovon ich aber abrate, weil dann die Zeilen zu breit zum Lesen werden.
In der stylesheet.css die 980px für die maximale Breite ändern:

Code: Select all

#main {
	max-width: 980px;
...

[Der Zwerch]

Hallo,
vielen Dank für die schnelle Reaktion

Hier könntest du den gesamten Header in der template.htm entfernen.

Code: Select all

<!-- Ab hier löschen --> <!-- Löschen bis hier -->

Das hat prima funktioniert

Wenn die Hintergrundfarbe wie die des Footers wird, dann hast du schwarze Schrift auf schwarzem Grund. Meintest du das so?

Ich meinte damit weisse Schrift auf schwarzem Hintergrund, genau wie im Footer

Tatsächlich ist das so.

Schade eigentlich, zumindest für mich wäre es nett. Wäre dann später im Memberbereich, sofern das Plugin noch funktioniert. Aber bisher nur angedacht. Erst soll der Rest laufen.

hi_fancybox installieren.
Auf der gewünschten Seite einfügen:

Code: Select all

<p><a class="zoom_i" href="https://www.Scholle-privat.info">Linktext</a></p>

Und schon funktioniert das.

Ich habe noch die Version "hi_fancybox_4.0". Die habe ich in das Verzeichnis "plugins" kopiert. Danach funktionierte nichts mehr. Nur Sanduhr und dann auf dem Bildschirm diese Zeile:

Code: Select all

Allowed memory size of 536870912 bytes exhausted (tried to allocate 4096 bytes) in /../../../../../htdocs/Test/FHS-left-right-17x/cmsimple/functions.php on line 1211

Das könnte man durchaus -

Werde da mal verschiedene Tests machen (Zeile 315)
[EDIT I]
im Moment mal mit

Code: Select all

#main {
	max-width: 1600px;
	margin: 5em auto;
	overflow: auto;
	padding: 1em;
	min-height: 80vh;

[EDIT II]
[Ergänzung zu Memberpages]
Ich habe mir dieses Plugin gezogen: 3.6.5.
Es scheint zu funktionieren.

Schon mal Dank im Voraus

Franky

[frase]

Ich meinte damit weisse Schrift auf schwarzem Hintergrund, genau wie im Footer

Dann ändere folgendes:

Code: Select all

body {
	background: #111;
	font: normal 18px/1.5em "DroidSerif-Regular", Georgia, "Times New Roman",Times,serif;
	color: #fff;
}

und

Code: Select all

.canvasContainer {
	margin: 50px 0 0 0;
	background: #111;
}

Ich habe noch die Version "hi_fancybox_4.0". Die habe ich in das Verzeichnis "plugins" kopiert. Danach funktionierte nichts mehr.

Ich habe mit dieser Version getestet und es lief:

hi_fancybox_4.1.zip

[Der Zwerch]

Moin,
Ich probiere es heute Abend aus.
Es ist bisher nur ein sehr schmales Gerüst, das ich mir da bauen möchte.

Vielen Dank schon einmal an alle, die hier an Fortbestand des CMS arbeiten und mitwirken.

[frase]

Mir sind noch ein paar Änderungen eingefallen, die bei dir dann noch notwendig werden.
CSS
Hintergrund im Editor:

Code: Select all

#tinymce, .cke_editable {
	overflow: auto !important;
	/* background: #fff; */
	padding: .5em;
}

Textfarbe bei Zitaten:

Code: Select all

blockquote {
...
	color: #ccc;
...
}

Textfarbe in den Accordions:

Code: Select all

div.acctxt {
...
	color: #111;
}

Hintergrund in Tabellen:

Code: Select all

.respTable tr:nth-of-type(2n+1) {
	background: #333;
}

Möglicherweise sind auch noch an anderen Stellen Änderungen nötig (die mir bis jetzt nicht aufgefallen sind).

[Der Zwerch]

Hallo zusammen,
ich neige mein Haupt in Dankbarkeit
Ich habe die folgenden Tipps umgesetzt und es hat voll und ganz funktioniert:

Dann ändere folgendes:

Code: Select all

body {
	background: #111;
	font: normal 18px/1.5em "DroidSerif-Regular", Georgia, "Times New Roman",Times,serif;
	color: #fff;
}

und

Code: Select all

.canvasContainer {
	margin: 50px 0 0 0;
	background: #111;
}

Mir sind noch ein paar Änderungen eingefallen, die bei dir dann noch notwendig werden.
CSS
Hintergrund im Editor:

Code: Select all

#tinymce, .cke_editable {
	overflow: auto !important;
	/* background: #fff; */
	padding: .5em;
}

Textfarbe bei Zitaten:

Code: Select all

blockquote {
...
	color: #ccc;
...
}

Textfarbe in den Accordions:

Code: Select all

div.acctxt {
...
	color: #111;
}

Hintergrund in Tabellen:

Code: Select all

.respTable tr:nth-of-type(2n+1) {
	background: #333;
}

Wenn man sich Zeitnimmt und alles in Ruhe macht, geht es fast wie von selbst

Möglicherweise sind auch noch an anderen Stellen Änderungen nötig (die mir bis jetzt nicht aufgefallen sind).

Stimmt, die NewsBoxen sind noch weiß:

Newsboxen.JPG

und auch der Admin-Bereich "Seiten verwalten" ist noch weiß auf weiß. Kann man aber vernachlässigen, es sei denn, man möchte es wirklich vollständig haben

Ich habe mit dieser Version getestet und es lief: hi_fancybox_4.1.zip

Damit klappt es und ich habe aus diesen alten Threads noch folgende Änderungen übernommen:

So müsste es gehen.

Code: Select all

/* fancybox - abgerundete Ecken */
#fancybox-outer, #fancybox-content  {
    border-radius: 2em!important;
}

/* Optional - fancybox - 4eckigen png-Schatten ausblenden */
.fancybox-bg {
    display: none;
}

/* Optional - css-Schatten hinzufügen */
#fancybox-outer {
    box-shadow: 0 0 2em #555;
}

Wie geil sieht das denn aus *freu*. Jetzt muss das nur noch die kommenden Updates überleben.

Du kannst das auch in dein Template stylesheet.css einfügen, so überlebt es auch Updates

Und es sieht im Moment so aus:

001.JPG

002.JPG

[Der Zwerch]

An inhaltlichen Details arbeite ich noch

[frase]

Tja, da du ein bestehendes Template ändern willst, musst du auch mit "den Folgen" leben
Das heißt: Eine Änderung zieht u.U. viele andere nach sich.

Prinzipiell empfehle ich, in solchen Fällen das betreffende Element mit der rechten Mousetaste anzuklicken und dann "Untersuchen" zu wählen. In den meisten Fällen kann man so die entsprechende CSS-Regel finden.

Da ich mich nun einmal auf deine Änderungswünsche eingelassen habe, ziehen wir das jetzt auch durch

... und auch der Admin-Bereich "Seiten verwalten" ist noch weiß auf weiß. Kann man aber vernachlässigen, es sei denn, man möchte es wirklich vollständig haben

Klar, weiße Schrift ...
Also füge irgendwo (am Ende) in styleheet.css folgende Regel ein:

Code: Select all

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
	text-decoration: none;
	color: #000;
}

Damit überschreibst du die Regel aus dem Plugin-CSS.

Stimmt, die NewsBoxen sind noch weiß:

Das ist aber keine Folge der Änderungen, sondern ein Anwendungsfehler.
Die Newsboxen sind auch im Original "weiß".
Im Template sind zwei Newsboxen vorgesehen, die jeweils eine <h2>-Überschrift haben. Die <h2>-Überschriften ergeben dann den oberen roten Balken.
Bei dir ist die erste Newsbox vollständig leer und die zweite (Member-Login) hat keine Überschrift.
Falls du die erste Box wirklich nicht haben willst, dann lösche aus der template.htm folgendes:

Code: Select all

<aside class="news">
<div class="newsin"><?=newsbox('News01');?></div>
</aside>

In der zweiten Box würde ich eine <h2>-Überschrift vor dem Pluginaufruf einfügen.

---
Eigentlich sind solche umfangreichen Template-Änderungen bei mir kostenpflichtig.
Aber, was tut man nicht alles für aktive XH-Veteranen

[Der Zwerch]

Hallo zusammen,

Tja, da du ein bestehendes Template ändern willst, musst du auch mit "den Folgen" leben
Das heißt: Eine Änderung zieht u.U. viele andere nach sich.

Mit den Folgen rechne ich durchaus, da ich selber keinen wirklich umfassenden Überblick darüber habe, was da an Programmierung hinter hängt ...

Prinzipiell empfehle ich, in solchen Fällen das betreffende Element mit der rechten Mousetaste anzuklicken und dann "Untersuchen" zu wählen. In den meisten Fällen kann man so die entsprechende CSS-Regel finden.

Werde ich mir mal genauer anschauen

Da ich mich nun einmal auf deine Änderungswünsche eingelassen habe, ziehen wir das jetzt auch durch

*gg*

hat alles geklappt. Nun geht es bei mir an Inhalte, muss ja auch gefüllt werden

Aber, was tut man nicht alles für aktive XH-Veteranen

Und das weiß ich durchaus zu schätzen und versuche als Gegenleistung dadurch zu lernen und nicht nur machen zu lassen.