Epsilon und wechselnde Kopfgrafik

[Beltason]

Hallo Leute
Das ewige Thema! Epsilon und Wechselnde Kopfgrafik!!

Nachdem ich nun alle verschiedene Beschreibungen durch gegangen bin und auch selber versucht habe zu erproben, muss ich feststellen. Es geht nichts. Fast nichts! (Siehe Hier)
Ich bin so vorgegangen:
1)
9 Kopfgrafiken in der richtigen Bildgröße erstellt und in meinen Designordner kopiert. Namen von 0-9 vergeben. Dazu per Filezilla auf meinen Server in den Hauptordner und in den Ordner(Zusätzlich) Images hochgeladen.
2)
Dann habe ich die Grafiken in der global.ccml angemeldet. Genau wie hier erklärt wurde. Ich habe ja 9 Hauptseiten, also 9 neue Einträge.
<cc:picture obj="pic_kopf0" src="0.jpg" dst="0.jpg">
<cc:picture obj="pic_kopf1" src="1.jpg" dst="1.jpg">
usw bis 9 Zeilen da sind.
3)
In der style_design.css wird normalerweise für den CSS-Container logo oder auch eyecatcher (ist vom Design abhängig) die Grafik festgelegt.
In der Logo gibt es es nichts mit Background. In der eyecatcher gibt es nur diesen Eintrag:
#eyecatcher {
top: 20px;
left: 20px;
width: 200px;
height: 500px;
padding: 1px;
border : 1px solid #000000;
background-color: #888888;
position: absolute;
z-index: 5;
Ich habe den fett markierten gelöscht und durch diesen Eintrag ergänzt:
background : <cc:print value="&usercolor.medium">;
3)
Nun müssen wir nur noch in der navigation.ccml unseren Wechsler einbauen!
suche: <div id="logo"></div>
oder evtl. <div id="eyecatcher"></div> je nach Design...
Bei mir steht also da:
<div id="logo"><cc:print value="&site.caption"></div>
<div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher"></div>
Ich habe diese 2 Zeilen gelöscht und durch folgende ergänzt:
<div id="logo"><img src="<cc:print value="&home.folderurl+'images/'+&page.maintopic.number+'.jpg'">" alt="Ich bin cool" border="0"></div>

Dann habe ich Web2date neu und vollständig veröffentlicht und das Ergebnis ist nicht das gewünschte. Was ist also nicht richtig gemacht und wenn ja, warum? Ich bin nur den Anweisungen gefolgt.

Liebe Grüße an alle die diesen Beitrag lesen und helfen können!

[ontourrh]

wechselnde eyecatcher in w2d 5 zu realisieren ist mit handarbeit verbunden.
es sind einige dateien zu ändern, bzw. zu ergänzen.
das ganze geht für bis zu 9 hauptseiten so:
================================================== ======
- in config.ccml am ende einfügen:

<cc:substyle caption="Eyecatcher" src="substyle_eyecatcher.ccml" preview="preview_eyecatcher.gif" palette="palette_eyecatcher.ccml">
<cc:palette caption="Eyecatcher" src="palette_eyecatcher.ccml">

- 9 bilder erstellen und im richtigen format (200x500=Epsilon/900x180=Ny usw.) und unter
dem namen:
eyecatcher1.jpg bis......bis eyecatcher9.jpg
bezeichnet, sortiert, in den designordner kopieren.
EDIT: die bilder sollen jpg-dateien sein und der name laute so, wie das "vorher" fettgedruckte = jetzt in rot !

- das vorschau-bild im anhang ebenfalls in den designordner kopieren !

- eine datei mit folgendem inhalt im editor erstellen und als "substyle_eyecatcher.ccml" im jeweiligen design abspeichern:

<cc:*>
--------------------------------------------------
Web2Date 5
Design:   Epsilon
Datei:    substyle_eyecatcher.ccml
Funktion: Wechselnde Eyecatcher mit vordefinierter Bilderwahl
--------------------------------------------------
</cc:*>
<cc:picture obj="pic.eyecatcher1" dst="peye1.jpg" src="eyecatcher1.jpg"> 
<cc:picture obj="pic.eyecatcher2" dst="peye2.jpg" src="eyecatcher2.jpg"> 
<cc:picture obj="pic.eyecatcher3" dst="peye3.jpg" src="eyecatcher3.jpg"> 
<cc:picture obj="pic.eyecatcher4" dst="peye4.jpg" src="eyecatcher4.jpg"> 
<cc:picture obj="pic.eyecatcher5" dst="peye5.jpg" src="eyecatcher5.jpg"> 
<cc:picture obj="pic.eyecatcher6" dst="peye6.jpg" src="eyecatcher6.jpg"> 
<cc:picture obj="pic.eyecatcher7" dst="peye7.jpg" src="eyecatcher7.jpg"> 
<cc:picture obj="pic.eyecatcher8" dst="peye8.jpg" src="eyecatcher8.jpg">
<cc:picture obj="pic.eyecatcher9" dst="peye9.jpg" src="eyecatcher9.jpg">

- im design die zur zeit verwendete farbpalette suchen, im editor öffnen - nichts ändern - und nur im designordner als
zusätzliche palette: "palette_eyecatcher.ccml" abspeichern.
oder ebenfalls neu erstellen mit folgendem inhalt:

<cc:*>
--------------------------------------------------
Web2Date

Layout:   Eyecatcher in W2D 5
Autor:    Thomas Müller
          MultiMüller e.K.
Datei:    palette_eyecatcher.ccml
Farbpalette für: Wechselnde Eyecatcher
--------------------------------------------------
</cc:*>
<cc:set obj="usercolor.bright" value="#9B8A81">
<cc:set obj="usercolor.medium" value="#aaaaaa">
<cc:set obj="usercolor.alt.medium" value="#bbbbbb">
<cc:set obj="usercolor.dark" value="#ffffff">

- in der navigation.ccml die zeile 51 (Originaldesign=Epsilon):
<div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher"></div>
ersetzen durch:

<!-- Wechselnde Eyecatcher für W2D 5 -->
<cc:if cond="&page.maintopic.number|8=0">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher1"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=1">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher2"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=2">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher3"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=3">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher4"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=4">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher5"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=5">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher6"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=6">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher7"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=7">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher8"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=8">
  <div id="eyecatcher"><cc:printpicture obj="pic.eyecatcher9"></div>
</cc:if>
<!-- Ende Wechselnde Eyecatcher für W2D 5-->

EDIT: jetzt muß noch das substyle: "Eyecatcher" als designvariante ausgewählt werden !
- in w2d 5 in der vorschau den erfolg kontrollieren und wenn so gewünscht, 1x vollständig das design veröffentlichen.
- fertig


Viel Erfolg !

[Beltason]

Hallo,
vielen dank für deinen aufwendigen Workshop.
Jedoch meldet web2date Fehler in der Vorschau!

Fehler bei der Vorschau:
navigations.ccml
Zeile 72 bis 84
das Picture-Objekt "pic.eyecatcher1" ist nicht gültig

Bei der Farbpallette habe ich deine zweite Variante gewählt, da es so viele palletten gibt und ich nicht wusste welche du meinst!

Ist die Benneung der Fotos richtig? Ich habe sie benannt in eyecatcher1.jpg obwohl es ja jpg dateien sind oder muss man sie abspeichern ohne das "jpg" ?

[w2dfan]

Die Grafiken mußt du speichern als pic_eyecatcher1.jpg. Das gilt für die anderen dann genau so, also pic_eyecatcher2.jpg, pic_eyecatcher3.jpg usw.

[ontourrh]

es funktioniert - nur wer lesen kann, ist klar im vorteil.

ich habe oben 2 edits eingefügt !!!

@w2dfan:
nix mit "pic_eyecatcher1.jpg", nur als "eyecatcher1" als jpg-datei ! (natürlich bild 1......9)

[w2dfan]

Das hat man davon wenn man nicht ALLES liest ;-)

[Beltason]

Was heisst das den??
EDIT: jetzt muß noch das substyle: "Eyecatcher" als designvariante ausgewählt werden !
Neue Designvariante?? Ich habe alles im Design Epsilon geändert.
Bekomme immer die gleiche Fehlermeldung! Wenn in deinem Workshop alles richtig ist, warum funzt es nicht?

[ontourrh]

@Beltason,
wenn du alles genau so wie beschrieben gemacht hast, hast du eine eigene designvariante erstellt.
diese designvariante nennt sich "Eyecatcher" und findest du in der designauswahl = epsilon/ varianten. dort findest du dann das vorschaubild (in meinem anhang) zur auswahl !

mehr gibt es nun wirklich nicht mehr erläutern........

[Beltason]

Das war jetzt klar, das auch ich es verstehe :-))
Da wäre ich wirklich nicht drauf gekommen...Sorry...doch Ihr Profis setzt einfach zuviel allgemein Wissen voraus. Habs gefunden und werde es gleich testen. Melde mich dann!

Trotzdem, vielen dank für deine Geduld und den ansonsten sehr guten Workshop!

[ontourrh]

Anfrage von Beltason:
Ich hab da mal zwei weitere Fragen:
1.
Jetzt wo das mit den verschiedenen Bildern klappt, kann man dann auch in unterseiten verschiedene Einbauen?
2.
Ist es ein schwieriger Weg aus den verschiedenen Kopfgrafiken, jetzt Flash-Animationen zu erstellen?

folgende grundinformation zu eyecatcher:
es gibt unterschiedliche möglichkeiten der darstellungen im www. viele wege führen nach rom und jeder methode können auch unterschiedliche verfahrensweisen zu grunde liegen.
selbst die dazugehörigen voraussetzungen zur umsetzung sind unterschiedlicher natur. zum thema eyecatcher/logo sind schon unzählige anleitungen im web, die über die suche in den einzelnen foren (aber auch über unseren großen suchfreund) abgerufen werden können.
zum hießigen titelthema wurde eine methode aufgezeigt, welche wechselnde eyecatcher für hauptseiten der ersten ebene über einen zusätzlichen substyle realisiert. das ist schon relativ komfortabel.
weiterhin bestehen z.b. folgende möglichkeiten:
- eyecatcher für die 2. und 3. ebene der hauptseiten
- eyecatcher für hauptseiten und unterseiten zu realisieren
- dynamisch = selbständig wechselnde eyecatcher
- flashanimation
etc. einzusetzen.

zurück zu den fragen:
1. ja
2. nein