You are not logged in.

Wechselnde Eyecatcher missbrauchen als Hintergründe?

Controlpanel

Statistic

  • Members: 13113
  • Threads: 18186
  • Postings: 119693 (ø 46.07/day)

  • Greetings to our newest member: mislonly

w2d Premium-Support

Die Experten für web to date / shop to date

Facebook

naeg-computer.com

Intermediate

  • "naeg-computer.com" is male
  • "naeg-computer.com" started this thread

Posts: 423

Location: Schweiz -St. Gallen

web/shop to date Version: 8.0

  • Send private message

1

Friday, January 25th 2008, 10:36am

Wechselnde Eyecatcher missbrauchen als Hintergründe?

Hallo Zusammen


Wie ja schon so oft beschrieben wurde, gibt es die Möglichkeit und Anleitungen wechselnde Eyecatcher einzurichten. Zum Beispiel: http://www.kohlbrok.com/michael/web2date…reyecatcher.php
Ist es nicht möglich in der gleichen Art und Weise wechselnde Hintergründe zu machen? Hat dies jemand von Euch schon mal probiert?


Grüsse

Oliver
Meine eigene Website:
NÄG-COMPUTER.COM by oliver nagel

Modifizierte Std-Design:
http://www.naeg-computer.com/download

norbertE

Professional

Posts: 1,734

Location: München

Occupation: IT-Beratung

  • Send private message

2

Friday, January 25th 2008, 10:43am

Klar ist das Möglich, Du must halt das Bild nicht per CSS als Hintergrundbild positionieren, sondern einfach als "Bild" (wie einen Eyecatcher) ausgeben, und dann wieder nach oben positionieren und ggf. eine weiße Fläche als Hintergrund für die Absätze ausgeben, damit man Deinen Text lesen kann.

Gruß
Norbert
Hier finden Sie weitere Lösungen.

naeg-computer.com

Intermediate

  • "naeg-computer.com" is male
  • "naeg-computer.com" started this thread

Posts: 423

Location: Schweiz -St. Gallen

web/shop to date Version: 8.0

  • Send private message

3

Friday, January 25th 2008, 12:39pm

Hallo Norbert


Danke für den Hinweis! Werde mich somit mal in den nächsten freien Stunden damit auseinander setzen und mich an die "wechselnden Hintergründe" wagen.


Grüsse

Oliver
Meine eigene Website:
NÄG-COMPUTER.COM by oliver nagel

Modifizierte Std-Design:
http://www.naeg-computer.com/download

naeg-computer.com

Intermediate

  • "naeg-computer.com" is male
  • "naeg-computer.com" started this thread

Posts: 423

Location: Schweiz -St. Gallen

web/shop to date Version: 8.0

  • Send private message

4

Sunday, January 27th 2008, 8:26pm

Habe mich nun mal an das Ganze gewagt, doch leider komme ich im Moment nicht mehr weiter...
Vielleicht könnt Ihr mir zeigen, wo ich den Überlegungsfehler mache.
Bei der Seitenvorschau kommt bei mir der Fehler:
[navigation.ccml] Zeile 55: Das Picture-Objekt "pic.background1" ist nicht gültig.

Habe in der Datei navigation.ccml folgendes eingetragen:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<!-- wechselnde Background -->
<cc:if cond="&page.maintopic.number|8=0">
  <div id="background"><cc:printpicture obj="pic.background1"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=1">
  <div id="background"><cc:printpicture obj="pic.background2"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=2">
  <div id="background"><cc:printpicture obj="pic.background3"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=3">
  <div id="background"><cc:printpicture obj="pic.background4"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=4">
  <div id="background"><cc:printpicture obj="pic.background5"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=5">
  <div id="background"><cc:printpicture obj="pic.background6"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=6">
  <div id="background"><cc:printpicture obj="pic.background7"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=7">
  <div id="background"><cc:printpicture obj="pic.background8"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|9=8">
  <div id="background"><cc:printpicture obj="pic.background9"></div>
</cc:if>
<!-- Ende Background -->


Die Fehlermeldung stammt von der Zeile:
<div id="background"><cc:printpicture obj="pic.background1"></div>

In der Datei config.ccml habe ich Folgendes eingefügt:

Source code

 
1
2

<cc:substyle caption="Background" src="substyle_background.ccml" preview="preview_background.gif" palette="palette_background.ccml">
<cc:palette caption="Background" src="palette_background.ccml">


Die Datei substyle_background.ccml sieht wie folgt aus:

Source code

 
1
2
3
4
5
6
7
8
9

<cc:picture obj="pic.background1" dst="pbac1.jpg" src="pic_eyecatcher_fashion.jpg"> 
<cc:picture obj="pic.background2" dst="pbac2.jpg" src="pic_eyecatcher_blossom.jpg"> 
<cc:picture obj="pic.background3" dst="pbac3.jpg" src="pic_eyecatcher_highkey.jpg"> 
<cc:picture obj="pic.background4" dst="pbac4.jpg" src="pic_eyecatcher_robot.jpg"> 
<cc:picture obj="pic.background5" dst="pbac5.jpg" src="pic_eyecatcher_teens.jpg"> 
<cc:picture obj="pic.background6" dst="pbac6.jpg" src="pic_eyecatcher_yeah.jpg"> 
<cc:picture obj="pic.background7" dst="pbac7.jpg" src="pic_eyecatcher_fracture.jpg"> 
<cc:picture obj="pic.background8" dst="pbac8.jpg" src="pic_eyecatcher_binary.jpg">
<cc:picture obj="pic.background9" dst="pbac9.jpg" src="pic_eyecatcher_lake.jpg">


Weiss jemand wo mein Fehler liegt?

Danke Euch im Voraus für Euere Hilfe!


Grüsse

Oliver
Meine eigene Website:
NÄG-COMPUTER.COM by oliver nagel

Modifizierte Std-Design:
http://www.naeg-computer.com/download

naeg-computer.com

Intermediate

  • "naeg-computer.com" is male
  • "naeg-computer.com" started this thread

Posts: 423

Location: Schweiz -St. Gallen

web/shop to date Version: 8.0

  • Send private message

5

Sunday, January 27th 2008, 8:32pm

In der style_design.css ist noch folgendes eingetragen:

Source code

 
1
2
3
4
5
6
7

#background {
	top: 50%;
	left: 50%;
	width: 200px;
	height: 500px;
	position: absolute;
	z-index: 0;
Meine eigene Website:
NÄG-COMPUTER.COM by oliver nagel

Modifizierte Std-Design:
http://www.naeg-computer.com/download

norbertE

Professional

Posts: 1,734

Location: München

Occupation: IT-Beratung

  • Send private message

6

Monday, January 28th 2008, 4:08pm

Es sieht im Prinzip richtig aus.... Sind die Bilder auch im Designverzeichnis?
Das Design /Substyle hast Du nat. ausgewählt oder? Eingelesen?

Oder kopier mal deine <cc:picture Anweisungen ind die global.ccml. Damit das Problem nicht der neue Substyle ist....

Ist aber eigentlich ziehmlich blöd, die Grafiken variabel zu haben und mit einem Substyle auszuwählen und in der Navigation gnadenlos von 8 Hintergrundbildern auszugehen (unabhängig vom Substyle). Da solltest Du noch eine Weiche einbauen, in dem Du im Substyle eine Variable setzt:

substyle.ccml
<cc:set obj="varHintergrund" value="ja">

und in der navigation.ccml
<cc:if cond="&varHintergrund='ja'">
..... Dein Code
</cc:else>
alter Code
</cc:if>

Klar?

Gruß
Norbert
Hier finden Sie weitere Lösungen.

naeg-computer.com

Intermediate

  • "naeg-computer.com" is male
  • "naeg-computer.com" started this thread

Posts: 423

Location: Schweiz -St. Gallen

web/shop to date Version: 8.0

  • Send private message

7

Monday, January 28th 2008, 7:24pm

Hallo Norbert


Erstmal herzlichen Dank für Deine Tips!

Habe nun mal die Einträge von der Datei substyle_background.ccml direkt in die Datei global.ccml kopiert und siehe da es funktioniert... Hmmm, muss nun dem mal genau auf die Spur gehen, wieso es nicht funktioniert mit der substyle_background.ccml.

Das mit der Weiche ist mir noch nicht ganz klar, muss mir das mal genau ansehen, was Du damit meinst bzw. was dies bedeutet oder bewirkt...


Grüsse

Oliver
Meine eigene Website:
NÄG-COMPUTER.COM by oliver nagel

Modifizierte Std-Design:
http://www.naeg-computer.com/download

norbertE

Professional

Posts: 1,734

Location: München

Occupation: IT-Beratung

  • Send private message

8

Monday, January 28th 2008, 7:35pm

Na wenn Du deinen Substyle NEU auswählst der dir 8 Bilder definiert und einen andern Substyle ALT hast, der Dir nur EIN Hintergrundbild definiert, und die gleiche Navigation verwendest, die auch von ACHT Bildern ausgeht, dann wird Deine Navigation mit dem substyle ALT nicht mehr tun. Weil es dann die Bilder 2 bis 8 nicht gibt!

Logisch, oder?

Gruß
Norbert
Hier finden Sie weitere Lösungen.

naeg-computer.com

Intermediate

  • "naeg-computer.com" is male
  • "naeg-computer.com" started this thread

Posts: 423

Location: Schweiz -St. Gallen

web/shop to date Version: 8.0

  • Send private message

9

Monday, January 28th 2008, 8:39pm

Hallo Norbert


Ja, tönt eigentlich logisch...

Versuche es mal umzusetzen. Habe nun meinen Eintrag in der navigation.ccml um Deine Befehle erweitert:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<!-- wechselnde Background -->
<cc:if cond="&varBackground='ja'"> 
<cc:else>
<cc:if cond="&page.maintopic.number|8=0">
  <div id="background"><cc:printpicture obj="pic.background1"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=1">
  <div id="background"><cc:printpicture obj="pic.background2"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=2">
  <div id="background"><cc:printpicture obj="pic.background3"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=3">
  <div id="background"><cc:printpicture obj="pic.background4"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=4">
  <div id="background"><cc:printpicture obj="pic.background5"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=5">
  <div id="background"><cc:printpicture obj="pic.background6"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=6">
  <div id="background"><cc:printpicture obj="pic.background7"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|8=7">
  <div id="background"><cc:printpicture obj="pic.background8"></div>
</cc:if>
<cc:if cond="&page.maintopic.number|9=8">
  <div id="background"><cc:printpicture obj="pic.background9"></div>
</cc:if>
</cc:else>
<!-- Ende Background -->


Ist dies so korrekt? Oder stehe ich immer noch auf der Leitung?

Was mir noch nicht klar ist, was verstehst Du unter "alter Code" bzw. wo kommt der Befehl </cc:if> hin?


Grüsse

Oliver
Meine eigene Website:
NÄG-COMPUTER.COM by oliver nagel

Modifizierte Std-Design:
http://www.naeg-computer.com/download

norbertE

Professional

Posts: 1,734

Location: München

Occupation: IT-Beratung

  • Send private message

10

Monday, January 28th 2008, 9:08pm

na des letzte </cc:else> gehört weg.

Und Alter Code ist das, was in der Navigation drinnen war, an dieser Stelle bevor du wechselnde Eyecatcher eingefuehrt hast.

Vermutlich
<div id="background"><cc:printpicture obj="pic.background"></div>

Gruß
Norbert
Hier finden Sie weitere Lösungen.

naeg-computer.com

Intermediate

  • "naeg-computer.com" is male
  • "naeg-computer.com" started this thread

Posts: 423

Location: Schweiz -St. Gallen

web/shop to date Version: 8.0

  • Send private message

11

Monday, January 28th 2008, 9:30pm

Ach so! Mache bis anhin die Test mit dem Design Epsilon und da musste ich keinen Code ersetzen bzw es gibt bei mir keinen alten Code. :-)

Grüsse
Oliver
Meine eigene Website:
NÄG-COMPUTER.COM by oliver nagel

Modifizierte Std-Design:
http://www.naeg-computer.com/download