Einen Rahmen um alle Seitenelemente legen

Wenn ein Rahmen um jedes Seitenelement wie Text, Text mit Bild,Tabelle, ... generiert werden soll, müssen die folgenden Zeile in's TypoScript (Setup):

TypoScript (Setup):

  1. tt_content.stdWrap.wrap (
  2. <table border="1">
  3.   <tr>
  4.     <td>|</td>
  5.   <tr>
  6. </table>
  7. )

Rahmen mit CSS

Anstatt der Tabelle kann man natürlich auch ein div-Tag benutzen. Dies hätte den Vorteil, daß die Inhalte für z.B. die Normal- und die Rand-Spalte unterschiedlich ausgegeben werden könnten. Dazu müssten nur die Marker für die Inhalte mit unterschiedlichen CSS-ID's versehen werden:

Beispiel:

  1. <div id="content-normal">###CONTENT_NORMAL###</div>
  2. <div id="content-margin">###CONTENT_MARGIN###</div>

Mit der folgenden Zeile umschließt man nun alle Inhaltselemente mit einem div-Tag. Da auf einer Seite mehrere Elemente sein können, muss nun eine Klasse anstatt einer ID verwendet werden:

 

TypoScript (Setup)

  1. tt_content.stdWrap.wrap = <div class="content-element">|</div>

Sie können nun mit CSS zuerst die ID und dann die Klasse, die jedes Seitenelement umschließt, für die beiden Marker getrennt ansprechen:

CSS-Beispiel:

#content-normal .content-element {
   color: blue;
   border: 1px solid #666666;
}
#content-margin .content-element h1 {
   color: green;
}

Kommentare von registrierten Benutzern:

Kommentar von: Thoss

04. 01. 2008, 23:31
[TYPOSCRIPT]
Html4strict:Zeilennummerierung:  An / Aus

  1. Javascript:Zeilennummerierung:  An / Aus

    1. <div class='tx-geshi-pi1'><style type="text/css">
    2.                             <!--/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */
    3. .php .de1, .php .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
    4. .php .imp {font-weight: bold; color: red;}
    5. .php li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;background: #EEEEEE;}
    6. .php .kw1 {color: #b1b100;}
    7. .php .kw2 {color: #000000; font-weight: bold;}
    8. .php .kw3 {color: #000066;}
    9. .php .co1 {color: #808080; font-style: italic;}
    10. .php .co2 {color: #808080; font-style: italic;}
    11. .php .coMULTI {color: #808080; font-style: italic;}
    12. .php .es0 {color: #000099; font-weight: bold;}
    13. .php .br0 {color: #66cc66;}
    14. .php .st0 {color: #ff0000;}
    15. .php .nu0 {color: #cc66cc;}
    16. .php .me1 {color: #006600;}
    17. .php .me2 {color: #006600;}
    18. .php .re0 {color: #0000ff;}
    19. -->
    20.                             </style><div class="tx-geshi-pi1">
    21.                                     <table width="100%"><tr><td align="left"><strong>Php:</strong></td><td align="right">Zeilennummerierung: 
    22.                                         <strong>An</strong> /
    23.                                         <a href="index.php?id=34&action=list_post&code_numbering=0&tid=&page=">Aus</a></td></tr></table></div><div class="php"><ol><li> </li></ol></div></div>
[
/TYPOSCRIPT]

Profil

Kommentar von: Thoss

04. 01. 2008, 23:31
[TYPOSCRIPT]
Html4strict:Zeilennummerierung:  An / Aus

  1. Javascript:Zeilennummerierung:  An / Aus

    1. <div class='tx-geshi-pi1'><style type="text/css">
    2.                             <!--/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */
    3. .php .de1, .php .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
    4. .php .imp {font-weight: bold; color: red;}
    5. .php li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;background: #EEEEEE;}
    6. .php .kw1 {color: #b1b100;}
    7. .php .kw2 {color: #000000; font-weight: bold;}
    8. .php .kw3 {color: #000066;}
    9. .php .co1 {color: #808080; font-style: italic;}
    10. .php .co2 {color: #808080; font-style: italic;}
    11. .php .coMULTI {color: #808080; font-style: italic;}
    12. .php .es0 {color: #000099; font-weight: bold;}
    13. .php .br0 {color: #66cc66;}
    14. .php .st0 {color: #ff0000;}
    15. .php .nu0 {color: #cc66cc;}
    16. .php .me1 {color: #006600;}
    17. .php .me2 {color: #006600;}
    18. .php .re0 {color: #0000ff;}
    19. -->
    20.                             </style><div class="tx-geshi-pi1">
    21.                                     <table width="100%"><tr><td align="left"><strong>Php:</strong></td><td align="right">Zeilennummerierung: 
    22.                                         <strong>An</strong> /
    23.                                         <a href="index.php?id=34&action=list_post&code_numbering=0&tid=&page=">Aus</a></td></tr></table></div><div class="php"><ol><li> </li></ol></div></div>
[
/TYPOSCRIPT]

Profil

Kommentar von: Thoss

04. 01. 2008, 23:31
[TYPOSCRIPT]
Html4strict:Zeilennummerierung:  An / Aus

  1. Javascript:Zeilennummerierung:  An / Aus

    1. <div class='tx-geshi-pi1'><style type="text/css">
    2.                             <!--/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */
    3. .php .de1, .php .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
    4. .php .imp {font-weight: bold; color: red;}
    5. .php li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;background: #EEEEEE;}
    6. .php .kw1 {color: #b1b100;}
    7. .php .kw2 {color: #000000; font-weight: bold;}
    8. .php .kw3 {color: #000066;}
    9. .php .co1 {color: #808080; font-style: italic;}
    10. .php .co2 {color: #808080; font-style: italic;}
    11. .php .coMULTI {color: #808080; font-style: italic;}
    12. .php .es0 {color: #000099; font-weight: bold;}
    13. .php .br0 {color: #66cc66;}
    14. .php .st0 {color: #ff0000;}
    15. .php .nu0 {color: #cc66cc;}
    16. .php .me1 {color: #006600;}
    17. .php .me2 {color: #006600;}
    18. .php .re0 {color: #0000ff;}
    19. -->
    20.                             </style><div class="tx-geshi-pi1">
    21.                                     <table width="100%"><tr><td align="left"><strong>Php:</strong></td><td align="right">Zeilennummerierung: 
    22.                                         <strong>An</strong> /
    23.                                         <a href="index.php?id=34&action=list_post&code_numbering=0&tid=&page=">Aus</a></td></tr></table></div><div class="php"><ol><li> </li></ol></div></div>
[
/TYPOSCRIPT]

Profil

Kommentar von: Tim

19. 02. 2007, 19:42
Ich habe für einen Kunden diese Vorgehensweise umgesetzt und hatte die Schwierigkeit, davon abweichende Contentelemente ohne diesen Rahmen umzusetzen. Folgendes ist dafür die Lösung:

tt_content.stdWrap.outerWrap = <div class="xyz">|</div>
tt_content.stdWrap.outerWrap.if{
value = 0
equals.field = section_frame
}

Funktioniert bei mir nicht mit dem normalen wrap aber outerWrap tuts umso besser.

Nun kann man im jeweiligen Contentelement über die Auswahl "Rahmen" -> "Unsichtbar" den Rahmen abschalten.

Have Fun!
Tim

Profil


Impressum | Kontakt | TYPO3-Hosting | TYPO3-Schulungen

Seite drucken
  
TYPO3 Version 4.2.0 testen

TYPO3 Ver. 4.2.0 testen

Testen Sie die neue TYPO3 Version 4.2.0 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops

TYPO3 Einführungsschulung
in Espelkamp:
Montag, 02.06.
in Berlin:
Montag, 07.07.
TYPO3 Intensivschulung
in Würzburg:
Mi., 28.05. - Fr., 30.05.
in Espelkamp:
Mi., 04.06. - Fr., 06.06.
in Köln:
Mi., 18.06. - Fr., 20.06.
in Berlin:
Mi., 09.07. - Fr., 11.07.

TYPO3 Extensionschulung
in Espelkamp:
Mo., 09.06. - Mi., 11.06.
in Berlin:
Mo., 14.07. - Mi., 16.07.