[SOLVED: Danke O.G.] Template Text/ Bild modifizieren?

Bitte alle templatebezogenen Beiträge in diesem Forum veröffentlichen.
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

[SOLVED: Danke O.G.] Template Text/ Bild modifizieren?

Post by kukki »

Die bisherige Template-Definition für Text/ Bild sieht z.Zt so aus:

Code: Select all

<div class="image-with-text" id="imgtext-id-{ID}">
[TITLE]	<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
[IMAGETEXT]{IMAGETEXT}[/IMAGETEXT]
</div>
Daraus entsteht in allgemeiner Form das:

Code: Select all

<div class="image-with-text" id="imgtext-id-X">
   <div class="imgtxt-left">
     <div class="image_td">
       <img src="content/images/EinBild0.jpg" width="zzz" height="xxx" border="0" class="image_img" alt="Bildtext" />
     </div>
   </div>
   <p>Ein beliebiger Text</p>
</div>
Ich brauche aber folgenden Aufbau:

Code: Select all

<div class="slide" data-xxxxx="img/EinBild1.jpg">
   <div class="content">
     <hX><a href="#" target="_blank">Überschrift</a></hX>
     <p>Ein beliebiger Text</p>
   </div>
   <div class="image">
     <a href="#" target="_blank"><img src="img/EinBild0" alt="Mein Bild"></a>
   </div>
</div>
Diese Angelegenheit hatte ich schon mal früher angefragt. Ich möchte für diese und auch andere Default-Template eigene erstellen und brauche teilweise etwas einfachere Makros, um ein Silder oder Animationsstruktur zu erstellen. Das geht aber nur, wenn Oliver allgemeine Makros für ALLE "Costumer Templates" zur Verfügung stellt, unter Umständen auch um ein völlig neues Template zu erstellen. :idea: Hat jemand einen sinnvollen Vorschlag, außer DOM-Manipulation, wie ich ein solches Template zu Stande bekomme?

Die Verwendung von anderen einfacheren Makros, wie man sie auch in anderen Templates findet, werden hierbei nicht akzeptiert/ gerendert :!:
Last edited by kukki on Tue 3. Jun 2014, 13:40, edited 4 times in total.
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
nameless1
Posts: 878
Joined: Sun 27. Apr 2008, 23:22

Re: Template Text/ Bild modifizieren?

Post by nameless1 »

das ist auch mein geheimer wunsch das cp imagetext "frei" templaten zu können.
macht doch mal n github wish auf.
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: Template Text/ Bild modifizieren?

Post by kukki »

Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
Old Boy
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: Template Text/ Bild modifizieren?

Post by Old Boy »

Kannst du denn nicht Image spezial verwenden ??? Da sind die Möglichkeit doch leichter überschaubar!
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: Template Text/ Bild modifizieren?

Post by kukki »

Old Boy wrote:Kannst du denn nicht Image spezial verwenden ??? Da sind die Möglichkeit doch leichter überschaubar!
Eben nicht so ganz. :?

Aber Oliver hat Änderung vorgenommen, Komme erst Mitte nächster Woche dazu, dies zu testen. :mrgreen:
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
Old Boy
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: Template Text/ Bild modifizieren?

Post by Old Boy »

Ich bin überzeugt, mit dem NEUEN System wirst du mehr Kniffelei anstellen müssen, bis du es hingebogen hast. Da fängst du bei 0 an!
Image spezial kennst du ja schon! Und die Möglichkeiten dabei sind ja riesig!

Aber natürlich ist es prima, das OG dein Flehen doch noch erhört hat!
nameless1
Posts: 878
Joined: Sun 27. Apr 2008, 23:22

Re: Template Text/ Bild modifizieren?

Post by nameless1 »

das "neue" ding hat aber auch gut viele möglichkeiten.
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: Template Text/ Bild modifizieren?

Post by kukki »

Da mein Pkw nicht anspringt (Zundschlossproblem :evil: ) habe ich meine Termine abgesagt und verschoben und heute den Test vorgezogen.

Um es mal vorweg zu nehmen ... Zeile 48 im Download: ReadMe.txt!
ich habe bereits "Bilder Spezial" in Verwendung. Mittels des Fractionsliders
Es werden damit die Bilder und einzelne :!: Textzeilen (soweit dieses echter Text ist) benutzt/ animiert - bestenfalls noch zweizeilig, dann wird es unübersichtlich.
ABER:, das CP Text-mit-Bild war und ist schon immer eine eierlegende Wollmilchsau gewesen. Man konnte einzelne Textparts ohne Bild einstellen/ mit Bild einstellen, die Bilder umfließen lassen, dementsprechend auch Blocksätze herstellen.

Ich will mit diesem CP u.a. den Slider selber erweitern- die Praxis stellt solche Aufgaben selber, so dass man einen größeren Textbock einstellt und dabei auch den Parallax-Effekt/ Fractionslider-Animation benutzen kann.
Und mir schweben da noch weitere Slider vor, die eine simple Aufteilung in Text und Bild unterstützen, die ich dann auch noch mit Parametern versehen kann. :mrgreen:
Slider sollen halt auch HTML-Content (bevorzugt Texte etc.) nutzen können und das halt alles im phpWCMS.

So und nun meine Fragen/ Anmerkungen, die ich auf meiner Spielwiese im Test mit den neuen CP Text/ Bild eingesetzt habe. Es wurden erst einmal keinerlei Änderungen gemacht, sondern alles pure so verwendet, wie dort zu sehen ist.
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Template Text/ Bild modifizieren?

Post by update »

schreib mal in Deine _spielwiese.frontend.css

Code: Select all

.image-with-text.imgtxt-left > div.image > img{float:right;margin:0 0 1em 1em;}
rein und dann'n Bier ;)
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: Template Text/ Bild modifizieren?

Post by Oliver Georgi »

claus wrote:schreib mal in Deine _spielwiese.frontend.css

Code: Select all

.image-with-text.imgtxt-left > div.image > img{float:right;margin:0 0 1em 1em;}
rein und dann'n Bier ;)
wenn dann reicht

Code: Select all

.imgtxt-left .image {
    position: relative;
    float: left;
    margin: 0 1.5em 1em 0;
}
.imgtxt-left .image img {
    display: block;
    border: 0;
}
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Template Text/ Bild modifizieren?

Post by update »

:)
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: Template Text/ Bild modifizieren?

Post by kukki »

claus wrote:und dann'n Bier ;)
Warum nicht, ich habe Breznak "Dunkel" und "Bernstein" immer am Lager, bist gern gesehener Gast in der Stadt Strausberg. Ich wohne direkt im Nordteil - dort ist es schön ruhig und angenehm ... wie auf dem Lande :mrgreen:

Die CSS-Änderungen, wie Sie Oliver angegeben hatte, hatte ich in Vorbereitung, da ich gestern mit Firebug an der rechten Box rumgespielt hatte. Allerdings wollte ich "nur" erst einmal sehen, was sich geändert hatte und ob die "alten" CPs dann noch weiterhin so funktionieren oder ob Anpassungen notwendig werden.

Das Zoom:
in der linken Box wird dieses "ZOOM" durch das Rendern des CPs automatisch erzeugt, in der rechten Box muss dies im Template noch hinzugefügt werden. Daran habe ich natürlich nicht gedacht Image
[ZOOM]
zoomed image: {IMAGE_NAME}
relative: {IMAGE_REL}
absolute: {IMAGE_ABS}
height/width: {IMAGE_HEIGHT}px/{IMAGE_WIDTH}px
[/ZOOM]
Und ob ich das Zoom brauche ... steht auf einem anderen Blatt Papier.
[EDIT] Für das ZOOM braucht man doch IMAGE_URL/ IMAGE_ABS/ IMAGE_REL, diese werden aber nicht generiert, wie soll das dann funktionieren.
mit img/cmsimage.php/height x wdth/hash_alphacode.ext
:?:
Das Template habe ich (erst einmal nur für meine ganz speziellen Vorhaben)nun wie folgt verändert:

Code: Select all

<div class="image-with-text[CLASS] {CLASS}[/CLASS]" id="imgtext-id-{ID}"> [TITLE]<h3>{TITLE}</h3>[/TITLE]
  [SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
  [IMAGE]
    <div class="image">{IMAGE}
    [CAPTION]
	<p class="caption">{CAPTION}[COPYRIGHT] <span class="copyright">{COPYRIGHT}</span>[/COPYRIGHT]</p>
    [/CAPTION]
    </div>
  [/IMAGE]
  [TEXT]{TEXT}[/TEXT]
</div>
Bleibt zum Schluß noch die Frage, was hat sich O.G. bei den Zeilen gedacht? Man könnte ja entsprechende Anweisung nachladen?

Code: Select all

  [TOP_LEFT]<p>Top Left</p>[/TOP_LEFT]
  [TOP_CENTER]<p>Top Center</p>[/TOP_CENTER]
  [TOP_RIGHT]<p>Top Right</p>[/TOP_RIGHT]
  [BOTTOM_LEFT]<p>Bottom Left</p>[/BOTTOM_LEFT]
  [BOTTOM_CENTER]<p>Bottom Center</p>[/BOTTOM_CENTER]
  [BOTTOM_RIGHT]<p>Bottom Right</p>[/BOTTOM_RIGHT]
  [FLOAT_RIGHT]<p>Float Right</p>[/FLOAT_RIGHT]
  [FLOAT_LEFT]<p>Float Left</p>[/FLOAT_LEFT]
  [COLUMN_LEFT]<p>Column Left</p>[/COLUMN_LEFT]
  [COLUMN_RIGHT]<p>Column Right</p>[/COLUMN_RIGHT]
Und.... beim nächsten Update ist alles wieder überschrieben?
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
Old Boy
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: Template Text/ Bild modifizieren?

Post by Old Boy »

Ich nehme an, diese geheimnisvollen Zeilen erlauben uns, für jede der auswählbaren Varianten einen separaten Code einzubinden.
der dann entsprechend nach Auswahl im ConentPart gerendert wird.

Ich muss allerdings auch sagen, seitdem die neue Variante von Text mit Bild vorhanden ist, verzweifle ich regelmässig.
Ich hätte ebenfalls erwartet, dass die neue Version die weggefallene alte komplett ersetzt und zwar funktionsrichtig.
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: Template Text/ Bild modifizieren?

Post by Oliver Georgi »

Ja, was denn nun?

Ich habe eine Option geschaffen, die abwärtskompatibel ist. Das Geschrei möchte ich sehen, wenn ich den alten Status nicht belasse.

Wenn man die passende Vorlage gebaut hat, sprich das {IMAGETEXT} entfernt hat, wird automatisch das neue Rendering benutzt. Man muss sich aber eben selbst um alles kümmern. Alle Muster sind in meiner Basisvorlage vorhanden. Einfach mal anschauen, wie {IMAGE} gerendert wird, schon ergibt sich alles andere von selbst.

Und mit

Code: Select all

  [TOP_LEFT]<p>Top Left</p>[/TOP_LEFT]
  [TOP_CENTER]<p>Top Center</p>[/TOP_CENTER]
  [TOP_RIGHT]<p>Top Right</p>[/TOP_RIGHT]
  [BOTTOM_LEFT]<p>Bottom Left</p>[/BOTTOM_LEFT]
  [BOTTOM_CENTER]<p>Bottom Center</p>[/BOTTOM_CENTER]
  [BOTTOM_RIGHT]<p>Bottom Right</p>[/BOTTOM_RIGHT]
  [FLOAT_RIGHT]<p>Float Right</p>[/FLOAT_RIGHT]
  [FLOAT_LEFT]<p>Float Left</p>[/FLOAT_LEFT]
  [COLUMN_LEFT]<p>Column Left</p>[/COLUMN_LEFT]
  [COLUMN_RIGHT]<p>Column Right</p>[/COLUMN_RIGHT]
ist möglich, alles mit einem Template abzufeiern! Derzeit zeigt das nur, welcher Teil gerade Relevanz hat.
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
Old Boy
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: Template Text/ Bild modifizieren?

Post by Old Boy »

Danke Oliver für das "JA"!

Ist eben nicht ohne eigenes Experiment zu erkennen, ob das so ist, wie angenommen, aber deine Bestätigung hilft schon weiter.
Und eine Abwärtskompatibilität kann doch kein Nachteil sein, finde ich.

Da kann sich Kukki ja nun "frei entfalten" und seine diversen Slider für alle Lebenslagen einbringen.
Persönlich frage ich mich allerdings immer öfter, welcher surfer sich bloss all diese diversen Slider ansieht?
Post Reply