Zum Inhalt springen

Header für jeden Contentbereich anders

Erstellt am 10. November 2003 · 7 Antworten · letzte Antwort am 29. April 2004

Tags: Inhaltselemente, Frage

thinky ·

hi,

ich habe 4 Contentbereich (Left, Border, Right usw).
Für jeden Contentbereich soll automatisch die Richtige überschrift gewählt werden. z. B. Left = h1 etc.

sollte allerdings in TypoScript programmiert werden.

Mein Ansatz ist wie folgt:

### LINKS
marks.LINKS= CONTENT
marks.LINKS{
table = tt_content
select.where = ColPos = 1
select.orderBy = sorting
## Objekt zerstückeln
renderObj = COA
renderObj.10 = TEXT
renderObj.10 {
field = header
wrap = <table width="100%" border="0" cellpadding="0" cellspacing="0" background="fileadmin/design1/_content/background_navi.jpg"><tr><td><h1> | </h1></tr></td>
}
renderObj.20 = TEXT
renderObj.20 {
field = bodytext
wrap = <tr><td><p> | </p> <br></td></tr></table>

}
}

---

Gut und schön. Funktioniert auch wunderbar. Nur werden jetzt die Grafiken die in dem tt_content eingefügt sind nicht mehr angezeigt.

Wie gesagt. Es muss nur der Header mit der Richtigen überschrift versehen werden. Der Rest ist per CSS Formatiert.

kann mir jemand helfen?

Gruss

thinky ·

hat keiner eine idee?

thinky schrieb

hi,

ich habe 4 Contentbereich (Left, Border, Right usw).
Für jeden Contentbereich soll automatisch die Richtige überschrift gewählt werden. z. B. Left = h1 etc.

sollte allerdings in TypoScript programmiert werden.

Mein Ansatz ist wie folgt:

### LINKS
marks.LINKS= CONTENT
marks.LINKS{
table = tt_content
select.where = ColPos = 1
select.orderBy = sorting
## Objekt zerstückeln
renderObj = COA
renderObj.10 = TEXT
renderObj.10 {
field = header
wrap = <table width="100%" border="0" cellpadding="0" cellspacing="0" background="fileadmin/design1/_content/background_navi.jpg"><tr><td><h1> | </h1></tr></td>
}
renderObj.20 = TEXT
renderObj.20 {
field = bodytext
wrap = <tr><td><p> | </p> <br></td></tr></table>

}
}

---

Gut und schön. Funktioniert auch wunderbar. Nur werden jetzt die Grafiken die in dem tt_content eingefügt sind nicht mehr angezeigt.

Wie gesagt. Es muss nur der Header mit der Richtigen überschrift versehen werden. Der Rest ist per CSS Formatiert.

kann mir jemand helfen?

Gruss

Unbekannter Benutzer ·

Hi,

so wie du's da stehen hast, ist ein Schreibfehler drin.

>
> wrap = <table ...blablabla | </h1></tr></td>
>

Du musst </td> und </tr> vertauschen! Dann sollte es klappen.

Warum machst du das nicht auch mit style sheets? Wegen der älteren Browser wahrscheinlich, nehme ich an...

Gruß
Stefan Padberg

thinky ·
stpadberg schrieb

Hi,

so wie du's da stehen hast, ist ein Schreibfehler drin.

>
> wrap = <table ...blablabla | </h1></tr></td>
>

Du musst </td> und </tr> vertauschen! Dann sollte es klappen.

Warum machst du das nicht auch mit style sheets? Wegen der älteren Browser wahrscheinlich, nehme ich an...

Gruß
Stefan Padberg

jup ... ich habe es jetzt mit CSS gemacht. Ist zwar nicht das optimum... aber es funktionierte wenigstens:-)

Gruss und danke

stevenx ·

Moin,

wie hast du das denn jetzt genau gemacht mit CSS?

Wäre über eine Antwort sehr dankbar 🙂

THX

Steven

thinky schrieb
stpadberg schrieb

Hi,

so wie du's da stehen hast, ist ein Schreibfehler drin.

>
> wrap = <table ...blablabla | </h1></tr></td>
>

Du musst </td> und </tr> vertauschen! Dann sollte es klappen.

Warum machst du das nicht auch mit style sheets? Wegen der älteren Browser wahrscheinlich, nehme ich an...

Gruß
Stefan Padberg

jup ... ich habe es jetzt mit CSS gemacht. Ist zwar nicht das optimum... aber es funktionierte wenigstens:-)

Gruss und danke

Unbekannter Benutzer ·

Hallo!

Der Ansatz mit Stylesheets:

Das HTML-Template wird ja wahrscheinlich in Form einer Tabelle strukturiert sein, also z.B.

<!-- ###DOKUMENT### -->
<table>
  <tr><!-- Kopfzeile -->
     <td> ###LOGO### </td>
     <td> ###BANNER </td>
  </tr>
  <tr> <!-- Hauptbereich -->
     <td> ###MENU### </td>
     <td> ###INHALT### </td>
  </tr> 
  <tr> <!-- Impressum -->
     <td> &nbsp; </td>
     <td> ###IMPRESSUM### </td>
  </tr>  
</table>
<!-- ###DOKUMENT### -->

Dieses Grundgerüst wird jetzt in folgender Weise modifiziert:

<!-- ###DOKUMENT### -->
<table id="layout">
  <tr><!-- Kopfzeile -->
     <td id="logo"> ###LOGO### </td>
     <td id="banner"> ###BANNER </td>
  </tr>
  <tr> <!-- Hauptbereich -->
     <td id="menu"> ###MENU### </td>
     <td id="inhalt"> ###INHALT### </td>
  </tr> 
  <tr> <!-- Impressum -->
     <td> &nbsp; </td>
     <td id="impressum"> ###IMPRESSUM### </td>
  </tr>  
</table>
<!-- ###DOKUMENT### -->

Und jetzt kann ich alle Tabellenelemente mit einem Stylesheet steuern, z.B.

table#layout td#logo h1 {color:red;}
table#layout td#logo p {font-size:20px;}

table#layout td#banner h1 {color:green;}
table#layout td#banner p {font-size:20px;}

table#layout td#menu h1 {color:blue;}
table#layout td#menu p {color:blue;font-size:12px;}

table#layout td#inhalt h1 {color:black;}
table#layout td#inhalt p {color:black;font-size:11px;}

table#layout td#impressum h1 {color:gray;}
table#layout td#impressum p {color:gray;font-size:10px;font-style:italic;text-align:center;}

Ich habe mittlerweile auch einen Weg gefunden, so etwas über TS zu steuern, aber ich finde das hier viel eleganter. Mehr zu Stylesheet Layouts gibts z.B. bei:

http://www.ericmeyeroncss.com
http://css.fractatulum.net
http://www.webwriting.de/css-design/index.php

und noch an vielen anderen Stellen, die man gut mit Google findet. Alles klärchen?`

Stefan

dfluess ·

Hi, Mit diesem Vorschlag kann ich endlich das Objekt in eine Tabelle in Zellen trennen. Den Header in einer Zeile und der Inhalt in der nächsten. Danke für die Erleuchtung aber...

... jetzt sind die Bilder weg? :o

Ist
field = bodytext

vielleicht nicht richtig?

Ich habe es also so gemacht:

## Tabelle um alle Zitate legen
########################

temp.zitate.wrap = <table width="97%" border="0" cellpadding="0" cellspacing="0">|</table>

### Inhalt (Objekt) aus Datenbank holen
###############################

temp.zitate = COA
temp.zitate.10 = CONTENT
temp.zitate.10 {
     table = tt_content
     select {
          pidInList = this 
          orderBy = sorting
          where = colPos=0 
          languageField = sys_language_uid
       }

## Objekt zerstückeln 
#################

renderObj = COA 
renderObj.10 = TEXT 
renderObj.10 { 
     field = header 
     wrap = <tr><td class="header2"> | </td></tr> 
    } 
renderObj.20 = TEXT 
renderObj.20 { 
     field = bodytext 
     wrap = <tr><td id="zitat"> |  
     </td></tr> 
}

Wer weis rat?