Wer erklärt mir mal ...

[wosch]

Wer erklärt mir mal wie das Layout (4.8.2) aufgebaut ist.
Ganz speziell interessiert mich das mit der/den Grafik(en) header_bsplmandant_xx.gif,
im Zusammenspiel mit dem Modul header und der Veränderung im Frontend mit diesen Grafiken.

Und natürlich: wie wird das Modul header (im Template) konfiguriert, bzw. was kann man dort überhaupt konfigurieren?

PS: Der Herr B., das das verbrochen, ähm, gemacht hat ist gut, so gut das ich ihn lieber bei Projekten wie usareise.de (oder so) arbeiten sehen würde als im Beispielmandanten, den sein Wissen wird mehr als 90% der Contenido-Anwender überfordern.

[HerrB]

PS: Der Herr B., das das verbrochen, ähm, gemacht hat ist gut, so gut das ich ihn lieber bei Projekten wie usareise.de (oder so) arbeiten sehen würde als im Beispielmandanten, den sein Wissen wird mehr als 90% der Contenido-Anwender überfordern.

Wosch, dass Du nur begrenzt viel Feingefühl in Deinen Antworten zeigst, damit kann ich leben, da Du an sich sehr vielen hilfst. Ich möchte Dich aber bitten, Unterstellungen und persönliche Vorwürfe zu unterlassen - vor allem, wenn sie jeder Grundlage entbehren.

Ich habe tatsächlich nur begrenzt viele Kenntnisse von CSS und Co., da ich wenig Freude am von mir so genannten "Browser-Ficken" habe (jeder Browser zieht sein eigenes Ding durch).

Wenn ich etwas nicht verstehe, setze ich mich so lange damit auseinander, bis ich es verstehe. In 90% aller Fälle musste ich nämlich feststellen, dass ich derjenige war, der es nicht sofort durchblickt hat.

Und für das Protokoll: Der Beispiel-Mandant stammte schon immer von 4fb. Die CSS-Überarbeitung des V4.6.x-Mandanten stammte von einem Community-Mitglied, dem ich bis heute sehr dankbar dafür bin.

Gruß
HerrB

[wosch]

PS: Der Herr B., das das verbrochen, ...

Wenn ich etwas nicht verstehe, setze ich mich so lange damit auseinander, bis ich es verstehe.

Tja, das nennt man Kismet.
Dein Nick ist HerrB, ich meinte aber einen/den Mitarbeiter von 4fb dessen Namen ebenfalls mit B beginnt.
Und das ich sagte der ist gut, meinte ich auch so.
Und das ich fragte wie das funktioniert war keine Ironie.
Dieses Modul, die Arbeitsweise und zusätzlich der Effekt das dann Teile der Grafik überdeckt sind habe ich nach 2 Stunden versuchen zu verstehen immer noch nicht verstanden.
Und wenn ich mich dann erdreiste mal zu fragen ...

Wenn ich etwas nicht verstehe, setze ich mich so lange damit auseinander, bis ich es verstehe.

Ich bin sonst auch keiner der nach jedem Dreck fragt, meine Fragen hier kannst du an einer Hand abzählen.
Tut mir Leid wenn meine Fragen hier nicht hinpaßen.

[rbi]

Das Modul Header bietet einfach nur die Möglichkeit, die Graphik je Artikel auszutauschen. Wenn man hier keine wählt, wird ein Default genommen.
Dieser Default ist im CSS definiert.
Für die Transparenz gibt es im CSS Möglichkeiten, die hier genutzt werden (Stichwort opacity).

[wosch]

Das Modul Header bietet einfach nur die Möglichkeit, die Graphik je Artikel auszutauschen. Wenn man hier keine wählt, wird ein Default genommen.
Dieser Default ist im CSS definiert.
Für die Transparenz gibt es im CSS Möglichkeiten, die hier genutzt werden (Stichwort opacity).

Eine Erklärung - die mich aber ganz und gar nicht befriedigt.
Das Modul ist undurchsichtig wie nur was - zumindest für mich.

Fangen wir mal hier an.
So sieht die Seite im Mustermandant aus:


Diese Grafik gibt es nirgends, weder im cms/upload/...
noch im cms/images/...

Die Grafik die der im Mustermandant noch am nächsten kommt wäre die hier -> header_bsplmandant_02.gif:



Nur ist da der kleine (fast) bläuliche Halbkreis rechts unten im Mustermandanten ausgeblendet.

Zu den anderen Punkten deiner Erklärung komme ich später, es gibt da noch sehr viele offene Fragen ...

---------------

Ach ja @HerrB (diesmal genau der User dieses Forennick gemeint)
kennst du den da?

Code: Alles auswählen

* @version 1.0.0
* @author Rudi B.
* @copyright four for business AG <www.4fb.de>

[wosch]

Das Modul Header bietet einfach nur die Möglichkeit, die Graphik je Artikel auszutauschen.

Und wie macht das Modul es?

Der Code des Modules Header:

Code: Alles auswählen

<?php
/**
* $RCSfile$
*
* Description: Display Header with Contenido Logo, an image and the current (navigation-) location.
* If no image is selected, the default one will be used.
*
* @version 1.0.0
* @author Rudi B.
* @copyright four for business AG <www.4fb.de>
*
* {@internal
* created 2008-04-07
* }}
*
* $Id$
*/

cInclude('classes', 'Contenido_Category/Contenido_Category.class.php');

// get start idcat
$iIdcatStart = (int) getEffectiveSetting('navigation', 'idcat-home', '1');

try {
	// get headline
    $oConCat = new Contenido_Category($db, $cfg);
	$oConCat->load($idcat, true, $lang);
	$sImgEdit = "CMS_IMGDESCR[1]";
	$sImg = "CMS_IMG[1]";
	
	$sHeadline = $iIdcatStart != intval($idcat) 
	                ? $oConCat->getCategoryLanguage()->getName() 
	                : mi18n("Willkommen!");
	$sCssStyle = '';
	if ($contenido && $edit) {
	    echo '<div id="modHeaderImgEdit">'.$sImgEdit.'</div>';
	}
    if ($sImg != '') {
        $sCssStyle = ' style="background-image:url('.$sImg.');"';
    }
	$tpl->reset();
	$tpl->set('s', 'css-style', $sCssStyle);
	$tpl->set('s', 'url', 'front_content.php');
	$tpl->set('s', 'title', mi18n("Zur Contenido Homepage"));
	$tpl->set('s', 'headline', $sHeadline);
	$tpl->generate('templates/header.html');
} catch (InvalidArgumentException $eI) {
    echo 'Some error occured: ' . $eI->getMessage() . ': ' . $eI->getFile() . ' at line '.$eI->getLine() . ' ('.$eI->getTraceAsString().')';
} catch (Exception $e) {
    echo 'Some error occured: ' . $e->getMessage() . ': ' . $e->getFile() . ' at line '.$e->getLine() . ' ('.$e->getTraceAsString().')';
}
?>

Ich kann hier nicht erkennen woher das Bild kommt, bzw. aus welchem Verzeichnis es geholt werden soll?

Und das kann ich auch nicht erkennen wenn ich mir die includierte Klasse Contenido_Category.class.php anschaue oder in das Modul-Template -> templates/header.html einen Blick werfe.

Und erst recht erkenne ich nicht wie das Modul die Bilder auswählt - Random?, nach angeklickter Kategorie?, nach Stichworten die im Artikel vorkommen?, nach ???????

Und einfach ist das Modul nicht, man kann/könnte noch sehr viel mehr ausgeben wenn ich auf die Variablen schaue die an das Template übergeben werden.

Es sind immer noch Fragen offen.
Aber solange ich auf die bisher gestellten keine Antwort habe macht es keinen Sinn weiter Fragen zu stellen.

Macht es hier überhaupt noch Sinn Fragen zur Arbeitsweise dieses Modules zu stellen?

[rbi]

Den Contenttyp für ein Bild kennst du, oder?
"CMS_IMGDESCR[1]"
bzw.
"CMS_IMG[1]"
wird hier verwendet.
Da wird dann ein Button eingeblendet, mit dem man ein Bild einfügen kann. Der ist zwar klein, aber man findet ihn.
Das Bild ist, wie schon gesagt, per CSS defaultmäßig festgelegt. Wenn man für den Artikel ein anderes ausgewählt hat, wird dieses anstatt des Defaults genommen.
CSS kann ich dir leider nicht mal so erklären, aber da gibt es genug Seiten im Internet, die weiterhelfen.

[wosch]

Den Contenttyp für ein Bild kennst du, oder?

Ach, ist das schön. Das erinnert mich an frühere Zeiten ...

Der Lehrer:
Den Contenttyp für ein Bild kennst du, oder?
"CMS_IMGDESCR[1]"
bzw.
"CMS_IMG[1]"

Schüler:
Ja.

Lehrer:
Da wird dann ein Button eingeblendet, mit dem man ein Bild einfügen kann. Der ist zwar klein, aber man findet ihn.

Schüler:
Sie meinen dieses bläuliche Symbol das aussieht wie die Symbole der Monduntergangszeiten in den Alpen?
Dort oben im mittleren Drittel beigegrünen Bild?



eingeblendet durch diese Code:

Code: Alles auswählen

   if ($contenido && $edit) { 
       echo '<div id="modHeaderImgEdit">'.$sImgEdit.'</div>'; 

Lehrer:
...

Ach waren das noch Zeiten *schwelgt* damals war ich noch jung und schön.
Und heute?
Jung? - eher nicht;
Schön? - schweigen wir besser in diesem Fachforum

Das Bild ist, wie schon gesagt, per CSS defaultmäßig festgelegt.

Was hat default mit dem Modul zu tun?
Wo/wie ist da die Schnittstelle zum CSS?
Ich möchte konkret eine Erklärung die ich nachvollziehen kann, keine Allgemeinplätze ...

CSS kann ich dir leider nicht mal so erklären, aber da gibt es genug Seiten im Internet, die weiterhelfen.

Ich bin zwar auch nicht der CSS-Experte, aber ich verstehe es, und ich weiß WO ich was nachgucken muß um zu verstehen was im CSS gemacht ist.
Dazu brauche ich aber den Hinweis was/wo/wie das Modul mit CSS macht!
Und diese Antworten habe ich bisher nicht bekommen.

[rbi]

Code: Alles auswählen

    if ($sImg != '') { 
        $sCssStyle = ' style="background-image:url('.$sImg.');"'; 
    }

Das passiert, wenn du ein Bild im Artikel ausgewählt hast. Die Definition überschreibt das, was im CSS-File definiert ist.

Code: Alles auswählen

#head #headBody {
	padding:0;
	margin:0;
	background-image:url('../images/header_bild_beispiel.gif');
	background-repeat:no-repeat;
	background-position:240px 0;
	width:960px;
}

Das passiert defaultmäßig.

"Default" hat mit dem Modul erstmal nichts zu tun, wieso auch? Präsentation, die durch CSS geregelt ist, muss nicht im Modul redundant definiert werden.

[wosch]

Code: Alles auswählen

    if ($sImg != '') { 
        $sCssStyle = ' style="background-image:url('.$sImg.');"'; 
    }

Das passiert, wenn du ein Bild im Artikel ausgewählt hast. Die Definition überschreibt das, was im CSS-File definiert ist.

Bleiben wir mal an der Stelle.
Mit $sImg wird ein Bild / eine Grafik ausgewählt.
Wie? Wo? In welchem Codeteil? In welcher Datei?

Wo erfolgt das Überschreiben?
Wie/wo wird erkannt das etwas überschrieben werden muß?

Und wie erfolgt das Überschreiben?

Code: Alles auswählen

$sCssStyle = ' style="background-image:url('.$sImg.');"';

Hier weise ich der Variablen $sCssStyle einen Wert zu, damit erfolgt aber noch kein Schreib/Überschreibvorgang.

Und weiter.
Die Grafik header_bsplmandant_02.gif hat eine Größe von 720x150 px
in der CSS wird aber für dieses Grafik eine Größe von:

Code: Alles auswählen

width:960px; 

genannt/reserviert.
Warum?

Ich verstehe die Zusammenhäge immer noch nicht,
verstehen tue ich es dann wenn ich in der Lage bin so etwas selber zusammenzubauen, und davon bin ich wohl noch weit entfernt.

[HerrB]

Dein Nick ist HerrB, ich meinte aber einen/den Mitarbeiter von 4fb dessen Namen ebenfalls mit B beginnt.
Und das ich sagte der ist gut, meinte ich auch so.
Und das ich fragte wie das funktioniert war keine Ironie.

Ok, dann lag ich falsch - ich bitte um Entschuldigung.

kennst du den da?

Yep.

$sImg wird hier definiert:

Code: Alles auswählen

try {
	// get headline
    $oConCat = new Contenido_Category($db, $cfg);
	$oConCat->load($idcat, true, $lang);
	$sImgEdit = "CMS_IMGDESCR[1]";
	$sImg = "CMS_IMG[1]";

$sImg enthält bei Aufruf aus dem Frontend den Link zum Bild und im Backend den HTML-Code, der ein Bearbeiten ermöglicht.

Solange man sich im Backend befindet, wird durch den folgenden Code das Bearbeiten-Icon angezeigt und die Bildauswahl ermöglicht (das kleine, frei schwebende Icon auf dem Bild):

Code: Alles auswählen

if ($contenido && $edit) {
	    echo '<div id="modHeaderImgEdit">'.$sImgEdit.'</div>';
	}

Ausgewählt ist Images_Header -> header_bsplmandant_02.gif. Wurde ein Bild ausgewählt, wird der Link zum Bild in

Code: Alles auswählen

$sCssStyle = ' style="background-image:url('.$sImg.');"';

gespeichert.

Mit

Code: Alles auswählen

$tpl->set('s', 'css-style', $sCssStyle);

wird der Style an der Stelle {CSS-STYLE} im Modul-Template templates/header.html eingesetzt (siehe

Code: Alles auswählen

$tpl->generate('templates/header.html');

Über die Zeile mit dem generate erfolgt auch gleich die Ausgabe an den Browser.

Das Modul-Template header.html sieht so aus:

Code: Alles auswählen

<div id="headBody" class="clearfix"{css-style}>
   <a id="logoTop" href="{url}" title="{title}"><img src="images/logo_oben.gif" alt="" /></a>
   <h1>{headline}</h1>
</div>

Insofern wird für das DIV einfach die Hintergrundgrafik gesetzt und mit CSS aus css/contenido_sample.css die Überschrift über das Bild gepappt:

Code: Alles auswählen

#head h1 {
	display:block;
	float:left;
	padding:0 0 0 30px;
	margin:0;
	width:690px;
	height:60px;
	line-height:60px;
	font-weight:normal;
	color:#435d06;
	/* transparency */
	background-color:#fff;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}

#head h1, #head a#logoTop {
	margin:90px 0 0 0;
}

(Das DIV aus dem Modul-Template wird in einem übergeordneten DIV mit der ID head ausgegeben, vermutlich durch die Angabe im Layout)

Ich hoffe, dass war jetzt nicht lehrerhaft ... sollte es nämlich nicht sein ...

Gruß
HerrB

[Snuppel007]

... das mit dem Bild hab ich Gottseidank sehr schnell verstanden, ABER!!! Nach einer Stunde Testen WIE KOMMT DER TEXT DA REIN :::???

Hab dafür leider nicht so ein kleines Symbol-Bildchen ..., oder besser gesagt, Symbol-Pixel gefunden ...???

Mann ..., wan kommt den die DOKU für das 4.8. CMS

Lieben Gruß, der Snuppel

[romaro]

Hallo wosch, rbi, HerrB und andere,

eine bescheidene Frage von meiner Seite her, ist das für Euch erledigt.
Da ich gerade etwas Zeit habe, ist mir dieses Modul "Header" mal wieder in den Sinn gekommen.
Hab es damals nicht verstanden und verstehe es auch heute noch nicht

Ich benutze meisst das Modul "Illustration", "Header" würde ich aber auch gerne verstehen. Da es eigentlich richtig gut ist.
Nur solange ich es nicht verstehe, setzte ich es ungern ein.

Speziell würde mich interessieren, wo der Link/Bild für CMS_IMGDESCR[1] konfiguriert werden kann und
nach dem Anklicken des Images (Mond über Berg) komme ich auf eine Konfigurationsseite (Bild für Container 1 bearbeiten). Wo kommt denn das her?

Danke fürs Wissen teilen.