Grafiken/Bilder beliebig positioniern?

[braintop]

Hallo,
als "Neuer" hier erst mal was zu mir:
- ich heiße Michael
- komme ohne Ausweiskontrolle in jede Ü50-Party rein
- und hab mich nach langem Suchen und Probieren für moziloCMS entschieden

Da ich nicht unbedarft in der Seitengestaltung/-erstellung bin hab ich auch meine eigene Page bereits (erst mal) in ein vorgefertigtes Template ("advertising") eingebaut. Ist ja nicht sonderlich schwer - mozilo sei Dank.

Wenn ich es richtig verstehe, werden ja die Tags, z.B. "[bild | xyz.jpg]", im .php-Code "übersetzt".
Dazu meine Frage:
Wie und vor Allem wo wird ein Bild positioniert. Es gibt "bildlinks" und "bildrechts" - kann aber nirgends im Code die Werte zu diesen Attributen finden.
Auch den Textfluß bekomm ich nicht hin. Text erscheint entweder "top" oder "bottom", nicht aber um das Bild herum.
Muß ich das über eine Tabelle lösen? Oder überseh ich da was (offensichtliches ??

Danke schon mal für Eure Hilfe.

M.

[HPdesigner]

Hallo Michael,

willkommen im Mozilo Forum!

Wenn ich dich richtig verstehe, möchtes du ein Bild ausrichten, so dass der Text ringsherum fließt? Im mozilo standard template sollte das bei den mozilotags [bildrechts|] und [bildlinks|] bereits der Fall sein. Nun kenn ich ja dieses "advertising" Template nicht, vermute aber mal, dass dort eigene styles definiert wurden. Wenn du den Textfluss wieder herstellen willst, dann gehst du einfach in deine Styles Datei (sollte unter deinserver/deinmozilo/layouts/advertising/css/styles.css liegen) und suchst die Klassen .rightcontentimage und .leftcontentimage. sollten die nicht vorhanden sein kannst du die ja einfach anlegen. Damit der Text wie gewollt floated sowas in der Art notieren:

Code Auswählen Erweitern

/* [bildlinks|...] */
span.leftcontentimage {
float:left;
}

/* [bildrechts|...] */
span.rightcontentimage {
float:right;
}
Hier kannst du jetzt auch alle anderen Regel zu deiner gewünschten Positionierung angeben.
Löst das dein Problem?
lg, HPdesigner

[braintop]

Hallo HPDesigner,
erst mal Danke für die flotte Antwort.
Wie war das mit den Bäumen und dem Wald?

Ok - hab die css-Datei entsprechend geändert; die Bilder liegen nun auch rechts bzw. links.

Allerdings löst das noch nicht mein Problem für eine "absolute Positionierung", wenn ich z.B. mehrere Bilder auf einer Inhaltseite an verschiedenen Position haben möchte (z.B. "zentriert, mit umfließendem Text").
Ich habe die classen-Dats nach den "Übersetztern" für die Formatierungs-Tags wie "[bildrechts |..., bildlinks|...]" etc durchforstet um analog dazu einen Begriff für "[bildzentriert...]" zu finden/erstellen. Leider erfolglos.

Irgendwo müssen die doch drin stehen?
LG Michael

[HPdesigner]

[bildzentriert...] bietet mozilo von Haus aus nicht an, dafür könntest du dir ein benutzerdefiniertes Mozilotag bauen.

Beispiel:

Code Auswählen Erweitern

[bildzentriert|test.jpg]kannst du im Backend (unter Einstellungen) definieren als

Code Auswählen Erweitern

bildzentriert = [html|<span class="centercontentimage"><img src="{LAYOUT_DIR}/grafiken/{VALUE}" /></span>]Dann kannst du in deiner styles.css deine centercontentimage Klasse zB so stylen:

Code Auswählen Erweitern

/* [bildzentriert|...] */
span.centercontentimage {
   margin: 0px auto;
}Nur beispielhaft

[braintop]

Danke für die "Schnipsel" - funktioniert aber leider nicht. Selbst wenn ich die "syntax.php" entsprechend ändere tut sich nichts. Mozilo stellt das Bild nur links oder rechts.
Na, werd ich wohl noch ein wenig rumbasteln müssen.

have a nice weekend
Michael

[HPdesigner]

Selbst wenn ich die "syntax.php" entsprechend ändere

  Davon hab ich absolut nichts gesagt und das ist auch definitiv nicht empfehlenswert... ich sprach nur von benutzerdefinierten syntaxelementen - dazu musst du NICHT in mozilo Systemdateien eingreifen...

[braintop]

nicht gleich schimpfen  
da in der .php das Attrib "bildzentriert" bzw."centercontentimage" nicht vorhanden ist - muss es ja wohl rein! Die Attribs für die "...links/ ...rechts" werden ja dort verarbeitet/übersetzt.

[HPdesigner]

nicht gleich schimpfen

wars nich, keine Angst. Ich hab mich nur gewundert, dass du gleich die php Dateien anfasst, wo du es doch viel schöner im Backend lösen kannst und wollte klarstellen, dass ich das absolut nicht gemeint hab. Aber jetzt verstehe ich grad, dass du nicht weißt, was ich mit benutzerdefinierten Syntaxelementen meine... Schau dir mal das hier an:
http://www.mozilo.de/index.php?cat=Tipps%20und%20Tricks&page=Benutzerdefinierte%20Syntaxelemente&highlight=benutzerdefinierte
http://www.mozilo.de/index.php?cat=Video-Tutorials&page=Benutzerdefinierte%20Syntaxelemente&highlight=benutzerdefinierte
Dann weißt du was ich meine und wie man das bildzentriert tag definiert

[braintop]

Danke, aber die 2 Links hab ich schon mehrfach durchgekaut.
Ich vermute, dass mein Problem in den Pfadangaben zu finden ist.
Ich arbeite seit Jahren mit Adobe Studio8 (ehem. Macromedia); dies ist mein erster try mit einem CMS-System - und da bin ich wahrscheinlich bei der Inst (und dem nachträglichen Einbinden eines Fremd-Tpl) bisserl vom "Weg abgekommen"  

[HPdesigner]

Achso ok, das macht Sinn. Wie hast du das Fremd tpl denn eingebunden? Hast du ein Mozilo Template draus gemacht?

[braintop]

Ich habe es (wie beschrieben) in den Layout-Ordner von Mozila gelegt. Sieht etwa so aus:

mozilo
 +admin
 +cms
 +galerien
 + kategorien[/list]
                  + 10
                  +Dateien
            - hier die Inhaltsseiten und die Grafiken
    +20
         + Dateien
             - hier die Inhaltsseiten und die Grafiken
          .
          .
          .
+layouts
      - layout-ordner
            - css
            - grafiken[/list]

Der Ordner mit den Kategorien, in dem sowohl die Inhaltsseiten als auch die Grafiken sind, liegen aber direkt unter Mozilo.

Ich hatte schon nach Deinem Muster die .css erweitert und die Syntax als benutzerdefinierte abgelegt. Keine Reaktion!!
Deshalb vermute ich - die Pfade sinds

[djr]

@braintop:
mir ist gerade nicht ganz klar, was Pfadangaben mit der Positionierung zu tun haben, aber folgendes macht mich stutzig:
Erstens:

+ 10
+Dateien
- hier die Inhaltsseiten und(?) die Grafiken

innerhalb des Ordners "kategorien" liegen Kategorien, Inhaltsseiten und Grafiken wie folgt:

• ...
• 00_kategorie1
  
  • dateien
    
    • bild1.jpg
    • bild2.jpg
    • bild3.jpg
    • text.pdf
  • 00_inhaltsseite1.txt
  • 01_inhaltsseite2.txt
  • 02_inhaltsseite3.txt

Zweitens

Code Auswählen Erweitern

<img src="{LAYOUT_DIR}/grafiken/{VALUE}" />

{LAYOUT_DIR} ist der Pfad zum aktuellen Layout. D.h. HPdesigner geht davon aus, das Du die Grafiken aus dem Layout beziehst.

Drittens:

Allerdings löst das noch nicht mein Problem für eine "absolute Positionierung"(2.1), wenn ich z.B. mehrere Bilder auf einer Inhaltseite an verschiedenen Position haben möchte (z.B. "zentriert, mit umfließendem Text"(2.2)).

3.1 "absolute Positionierung":
Absolut positionierte Elemente sind außerhalb des Textflusses und können daher nicht umFLOATet werden.
3.2 "zentriert, mit umfließendem Text"
Du meinst "wie in Word"?!

Code Auswählen Erweitern

Lorem ipsum dolor sit amet,
 consetetur +------+ sadipscing
elitr, sed  |      | diam nonumy
    eirmod  |      | tempor invidunt
 ut labore  +------+ et dolore
magna aliquyam
Das geht nicht so einfach wie "links" und "rechts".
Da musst Du tricksen, z.B. indem Du den Text in Blöcke setzt und sie wie das Bild absolut positionierst.