Grafik vor jedem Seiteninhalt

  • Bastel Bastel
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    12. 03. 2005, 14:03

    Hallöchen ihr Typo3'ler

    Mit dieser Zeile gebe ich den Inhalt der Spalte Normal in dem Marker INHALT meines Templates aus.

    [code:1:0def1ec082]marks.INHALT < styles.content.get[/code:1:0def1ec082]

    mit

    [code:1:0def1ec082]marks.INHALT.stdWrap {
    innerWrap = <font color=green>|</font>
    }[/code:1:0def1ec082]

    bekomme ich doch den gesamten Inhalt mit dem font-Tag umschrieben.

    Wie schaffe ich das jeder einzelne Artikel in der Überschrift eine Grafik davor hat?

    dieser Beitrag ist angelehnt an den von mir zuvor geposteten Thread. Vielleicht schaut ihr da mal rein.

    http://www.typo3.net/viewtopic.php?t=22373

    Danke


  • Norman2k Norman2k
    Jedi-General
    0 x
    1650 Beiträge
    76 Hilfreiche Beiträge
    12. 03. 2005, 16:01

    Du kannst doch die Überschriften nach deinen Vorgaben wrapen, geh einfach in den "Constant Editor" und guck mal bei "Content: 'Header'".

  • Bastel Bastel
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    12. 03. 2005, 18:00

    Probier ich gleich mal aus

  • Bastel Bastel
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    12. 03. 2005, 20:14

    content.wrap.header = <bild> |

    Das ganze funktioniert, aber kann ich das auch nur für die Rechte Spalte machen?
    Hab bis jetzt nichts konkretes gefunden.
    Er macht das ja immer für beide spalten.

    Gruß und Danke


  • 0 x
    12. 03. 2005, 21:19

    Hi Bastel,

    ok, das ist hier ein Typo3 Forum, aber Deine ganzen Probleme des heutigen Tages könntest Du easy lösen, wenn Du den HTML Quelltext sauber und css basierend aufbaust. Macht einem das Typo3 Implementieren sehr viel leichter, von der verbesserten Ergebnisqualität ganz zu schweigen.

    Viele Grüße
    Niki

  • Bastel Bastel
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    13. 03. 2005, 01:37

    Hi Niki

    Nochmal zu meinem Problem:

    [code:1:b8ef2d420c]marks.INHALT &lt; styles.content.get
    marks.INHALT.stdWrap &#123;
    required = 1
    innerWrap = &lt;td valign=&quot;top&quot; bgcolor=&quot;FFFFFF&quot; width=&quot;440&quot;&gt; | &lt;br&gt;&lt;br&gt;&lt;/td&gt;
    innerWrap.override = &lt;td valign=&quot;top&quot; width=&quot;653&quot; bgcolor=&quot;FFFFFF&quot;&gt; | &lt;br&gt;&lt;br&gt;&lt;/td&gt;&lt;td width=10&quot; bgcolor=&quot;FFFFFF&quot;&gt;&lt;img src=&quot;fileadmin/template/spacer.gif&quot; width=&quot;10&quot;&gt;&lt;/td&gt;
    innerWrap.override.if.isFalse.cObject &lt; styles.content.getRight
    postCObject &lt; styles.content.getRight
    postCObject.stdWrap &#123;
    required = 1
    innerWrap = &lt;td valign=&quot;top&quot; width=&quot;13&quot; bgcolor=&quot;FFFFFF&quot;&gt;&lt;img src=&quot;fileadmin/template/spacer.gif&quot; width=&quot;13&quot;&gt;&lt;/td&gt;&lt;td width=&quot;200&quot; valign=&quot;top&quot; bgcolor=&quot;FFFFFF&quot;&gt; | &lt;br&gt;&lt;br&gt;&lt;/td&gt;&lt;td width=&quot;10&quot; bgcolor=&quot;FFFFFF&quot;&gt;&lt;img src=&quot;fileadmin/template/spacer.gif&quot; width=&quot;10&quot;&gt;&lt;/td&gt;
    &#125;
    &#125;[/code:1:b8ef2d420c]

    Ich möchte das nur im Rechten Teil des Seiteninhalts eine Grafik vor die Überschrift gestellt werden soll. Das geht wohl nicht mit Typo?
    Das ich die Überschriften und Texte mit css formatieren kann wußte ich bereits, wie das funktioniert hat mir der Norman2k gesagt. Danke noch mal dafür.
    Das ich mehrere Posts gemacht habe liegt daran, dass auf meine vorherigen keiner geantwortet hat und sich mir beim Versuch das Problem selbst zu lösen andere Fragen aufgeworfen haben.
    Leider ist mir das bisher nicht gelungen.
    Ich weiß nicht ob das mit Typo so zu machen geht. Aus diesem Grund habe ich hier im "Anfängerforum" gefragt.

    Wenn Du meinst das ist ein css-Problem... dann hast du bestimmt auch eine Idee wie ich das mittels css hinbekomme. Ich wäre dir dafür sehr dankbar.

    Vielleicht habe ich hier auch nicht das richtige Beispiel gewählt. Bisher war ich jedoch überzeugt das ich mein eigentliches Problem nicht mit css lösen kann.

    Gruß Bastel

  • theo theo
    Jedi-General
    0 x
    2011 Beiträge
    0 Hilfreiche Beiträge
    13. 03. 2005, 09:50

    [quote:07eeac9e90="Bastel"]Vielleicht habe ich hier auch nicht das richtige Beispiel gewählt. Bisher war ich jedoch überzeugt das ich mein eigentliches Problem nicht mit css lösen kann.[/quote:07eeac9e90]

    wenn du dein (x)html semantisch sauber auszeichnest, dann stehen deine überschriften zwischen h-tags, also z.b.[code:1:07eeac9e90]&lt;h1&gt;headline&lt;/h1&gt;[/code:1:07eeac9e90]
    jetzt weißt du mit css diesem tag ein hintergrundbild zu.[code:1:07eeac9e90]h1 &#123;
    background-image&#58; url&#40;/fileadmin/gfx/bild.gif&#41;;
    background-repeat&#58; no-repeat;
    background-position&#58; left;
    &#125;[/code:1:07eeac9e90]

    also mit typo3 hat das grundsätzlich nix zu tun. da solltest du dich schon in einem css-forum rumtreiben... ;)

  • Bastel Bastel
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    13. 03. 2005, 11:44

    Das mit den css ist kein Problem, aber das Ergebnis ist nicht das gewünschte.

    Ich hab hier mal nen Screenshot der Problemseite:
    <img src="http://wir-in-brandenburg.de/foren_material/2column_img.jpg">

    Links ist der Seiteninhalt NORMAL, Rechts der Seiteninhalt RECHTS.
    Wie schon beschrieben erstreckt sich der Seiteninhalt NORMAL wenn kein Text für den Seiteninhalt RECHTS angegeben wurde über die Ganze Seite.

    Nun möchte ich diese grünen Grafiken aber nur vor den Überschriften der Rechten Seite.
    [code:1:52621a915a]content.wrap.header = &lt;img src=&quot;...&quot;&gt; |[/code:1:52621a915a]
    hat sich dafür super geeignet nur macht er da ja die Spalte NORMAL gleich mit.
    Wie bekomme ich die Grafik nur vor die Rechte Spalte ohne das ein Redakteur die Grafik selbst einbinden muss?


  • 0 x
    13. 03. 2005, 12:10

    Les doch den Beitrag von theo noch mal durch. Er hat das wunderbar beschrieben.

    Ergänzend ein kleiner Hinweis, wie Du über das css gleiche Elemente (z.B. h1) in unterschiedlichen Bereichen (content und contentRight) individuell gestalten kannst: Du packst jeden Bereich in einen div tag mit einer id, also z.B. div id="center" und div id="right".

    Du kannst das alles auch mit TypoScript lösen, aber wenn ich mir die codes so anschaue die Du da bisher produziert hast finde ich das mit Atomsprengköpfen auf Spatzen schiessen, da das eben alles über css easy und v.a. viel hochwertiger gelöst werden kann.

    Viele Grüße
    Niki

  • theo theo
    Jedi-General
    0 x
    2011 Beiträge
    0 Hilfreiche Beiträge
    13. 03. 2005, 14:10

    [quote:1ac0cb3221="Niki"]Du packst jeden Bereich in einen div tag mit einer id, also z.B. div id="center" und div id="right".[/quote:1ac0cb3221]yep!

    mit entsprechender css-zuweisung ergibt sich dann folgendes:
    1) [b:1ac0cb3221]minimaler[/b:1ac0cb3221] code
    2) [b:1ac0cb3221]maximaler[/b:1ac0cb3221] effekt

    http://www.webwriting-magazin.de/css-design/listhome.php