Suche
Teilen
startseite » forum

Template für bestimmte Bereiche nutzen

  • Martin M Martin M
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    13. 11. 2008, 12:22

    Puh, mein erster Post hier, ich versuche mich mal so gut wie möglich an die Regeln zu halten.

    Also, ich arbeite mich seit einigen Wochen in Typo3 4.2.2 ein. Die Dokumentation hab ich durchgearbeitet.

    Ich bastel mir bereits ein eigenes Template zusammen, was soweit auch problemlos funktioniert. Hab mir HTML- und CSS-Vorlagen geschrieben und bearbeite sie erfolgreich mit TypoScript.

    Nun stellt sich mir folgendes Problem. Ich will bestimmte Punkte im Verzeichnisbaum andere templates benutzen. Diese sollen aber NICHT generell vererbt werden. Ich habe 2 templates erstellt und sie benannt.

    Wie kannn ich nun für einzelne Seiten im Verzeichnisbaum festlegen, dass sie mein bereits erstelltes Template nutzen sollen? Sprich, ich würde gern meine Templates in dieser Popup-Liste wiederfinden:

    [img]http://www.martinmelzer.de/pics/templates.jpg[/img]

    EDIT:
    na, und gleich beim ersten Post im Titel vertippt :o

  • 1
  • Michaelh74 Michaelh7...
    Jedi-General
    0 x
    1519 Beiträge
    0 Hilfreiche Beiträge
    13. 11. 2008, 18:13

    Auf jeder Seite gibt es unter Seiteneigenschaften den Punkt "Layout".

    Das Layout 1, 2, 3, etc. kannst Du auch selbst benennen z.B.
    Layout 3-spaltig
    Layout 2-spaltig
    ganz nach Belieben.

    Dann setzt Du per Typoscript eine Condition auf das Feld Layout.
    Dort kommt dann dein jeweilige Template.
    [TS]page.10.template.file = deinTemplate.html
    [/TS]
    Gruß
    Michael[/TS]

  • Martin M Martin M
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    13. 11. 2008, 20:17

    Ah, BESTEN DANK!

    Auch wenn ich's heute nicht mehr ausprobieren werde... Aber ich denk ich werd's hinkriegen. Bis dahin bleibt der Thread mal noch offen...

  • Martin M Martin M
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    20. 11. 2008, 15:34

    So, bin heute erst wieder dazu gekommen.

    Also das Feld ist klar. Allerdings kann ich da ja nur "Layout1/2/3" oder "Normal" auswählen. Icch finde nicht heraus, wie ich das umbenennen kann (was du angesprochen hattest.

    Desweiteren klappt die Ansteuerung in TypoScript nicht. Ich halte mich dabei an das Beispiel aus der Typo3-Doku (S.51).

    Dazu kommt, dass ich bisher offline mit dem Winstaller getestet habe und nun auf einer Online-Installation arbeiten wollte (selbe Version 4.2.2). Die Projekte sind identisch aber in der Online-Version werden meine beiden Menüs überhaupt nicht angezeigt...

  • Michaelh74 Michaelh7...
    Jedi-General
    0 x
    1519 Beiträge
    0 Hilfreiche Beiträge
    20. 11. 2008, 16:28

    Geht wie das Umbenennen von jedem Formular Element im Typo3 Backend.

    Im Seiten-TS (NICHT Setup oder Constants)
    [TS]### Rename Page Layout Items ###
    TCEFORM.pages.layout.altLabels {
    1 = mein Label
    }
    ### Remove Page Layouts ###
    TCEFORM.pages.layout.removeItems = 2,3
    [/TS]

    Gruß
    Michael

  • Martin M Martin M
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    20. 11. 2008, 17:41

    Danke Michael!

    Allerdings komm ich immernoch nicht so recht weiter. Die Einbindung klappte ja auch so nicht (auch mit den Standard-Einträgen "Layout1" usw...).

    Aber das liegt wohl einfach daran, dass ich mich noch viel tiefer in die Materie einlesen muss. Das ist schon ziemlich komplex und umfangreich. Ich werde mir wohl erstmal zusätzlich zur Doku das Buch "Einstieg in Typo3 4.2" kaufen, um weiterzukommen.

    Desweiteren begreife ich halt echt nicht, warum mein Template, welches ich in der Winstaller-Version erstellt habe, in der "normalen" Version (beides 4.2.2) nicht funktioniert. Da kommen zig Fehlermeldungen bei der Anzeige und die Menüs sind auch nicht da.

    Falls sich jemand berufen fühlt mir zu helfen, hier mein TS
    [TS]seite = PAGE
    seite {
    typeNum = 0
    10 = TEMPLATE
    10.template = FILE
    10.template.file = fileadmin/vorlage-spalten.html
    10.workOnSubpart = DOKUMENT

    bodyTag = <body bgColor="#ffffff">
    stylesheet = fileadmin/style-spalten.css
    meta.AUTHOR = Martin M
    meta.DESCRIPTION = Testseite


    10.marks {
    BANNER = IMAGE

    TOPMENUE = HMENU
    TOPMENUE.special = directory
    TOPMENUE.special.value = 5
    TOPMENUE.entryLevel = 1
    TOPMENUE.1 = GMENU
    TOPMENUE.1.NO = 1
    TOPMENUE.1.NO {
    XY = 140, 30
    backColor = #475189

    3 = IMAGE
    3.file = fileadmin/images/button.jpg

    10 = TEXT
    10.text.field = title
    10.fontColor = #FFFFFF
    10.fontFile = fileadmin/fonts/verdana.ttf
    10.fontSize = 10
    10.niceText = 1
    10.offset = 20, 19
    }

    SUBMENUE = COA
    SUBMENUE.10 = IMAGE
    SUBMENUE.10.file = GIFBUILDER
    SUBMENUE.10.file {
    XY = 150, 40
    backColor = #ffffff

    10 = IMAGE
    10.file = fileadmin/images/pointred.jpg
    10.offset = 0, 10

    20 = TEXT
    20.data = DB:pages:13:title
    20.fontFile = fileadmin/fonts/verdana.ttf
    20.fontSize = 18
    20.fontColor = #000000
    20.niceText = 1
    20.offset = 20, 22

    }
    SUBMENUE.20 = HMENU
    SUBMENUE.20 {
    special = directory
    special.value = 13
    entryLevel = 2
    1 = GMENU
    1.NO = 1
    1.NO {
    XY = 160, 18
    backColor = #ffffff

    10 = TEXT
    10.text.field = title
    10.fontColor = #000000
    10.fontFile = fileadmin/fonts/verdana.ttf
    10.fontSize = 12
    10.niceText = 1
    10.offset = 30, 13

    }
    1.RO < .1.NO
    1.RO.backColor = #dddddd
    }
    SUBMENUE.20.2 < .SUBMENUE.20.1
    SUBMENUE.20.2.NO {
    10.offset = 40, 13
    10.fontSize = 11
    }
    SUBMENUE.20.2.RO {
    10.offset = 40, 13
    10.fontSize = 11
    }
    SUBMENUE.20.3 < .SUBMENUE.20.2
    SUBMENUE.20.3.NO {
    10.offset = 50, 13
    }
    SUBMENUE.20.3.RO {
    10.offset = 50, 13
    }


    CONTENTLEFT = CONTENT
    CONTENTLEFT {
    table = tt_content
    select.orderBy = sorting
    select.where = colPos = 0
    }

    CONTENTRIGHT = CONTENT
    CONTENTRIGHT {
    table = tt_content
    select.orderBy = sorting
    select.where = colPos = 2
    }


    FOOTER = TEXT
    FOOTER {
    value = Copyright &copy; ...... 2008
    }
    }
    }

    [/TS]
    Der Content-Bereich wurde hier noch nicht groß designt, aber das soll jetzt auch nicht das Thema sein, der kommt dann noch.

    [HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <body>
    <!-- ###DOKUMENT### begin -->
    <div id="fenster" >
    <div id="banner" >###BANNER###</div>
    <div id="topmenue" >###TOPMENUE###</div>
    <div id="main" >
    <div id="submenue" >###SUBMENUE###</div>
    <div id="contentrahmen" >

    <div id="linkespalte" >###CONTENTLEFT###</div>
    <div id="rechtespalte" >###CONTENTRIGHT###</div>

    </div>
    </div>
    <div id="footer" >###FOOTER###</div>

    </div>
    <!-- ###DOKUMENT### end -->
    </body>
    </html>
    [/HTML]

    und die CSS:

    1. #fenster {
    2.    width: 950px;
    3.    margin: auto;
    4. }
    5.  
    6. #banner {
    7.    width: 950px;
    8.    height: 128px;
    9.    float: left;
    10.    background-image: url(images/banner.jpg);
    11.    background-repeat: no-repeat;
    12.    background-position: 0px 0px;
    13.    overflow: hidden;
    14. }
    15.  
    16. #topmenue {
    17.    width: 950px;
    18.    height: 28px;
    19.    float: left;
    20.    background: #3e7bcc;
    21.    overflow: hidden;
    22. }
    23.  
    24. #main {
    25.    width: 950px;
    26.    min-height: 250px;
    27.    margin-top: 25px;
    28.    float: left;
    29.    overflow: hidden;
    30. }
    31.  
    32. #submenue {
    33.    width: 160px;
    34.    min-height: 250px;
    35.    padding-top: 15px;
    36.    float: left;
    37.    background: #ffffff;
    38.    /*border-right: solid 1px #000000;*/
    39.    overflow: hidden;
    40. }
    41.  
    42. #submenue a {
    43.    /*margin-left: 15px;*/
    44. }
    45.  
    46. #submenue h1 {
    47.    font-size: 18px;
    48.    font-family: verdana;
    49.    margin-left: 10px;
    50. }
    51.  
    52. #contentrahmen {
    53.    width: 790px;
    54.    float: left;
    55.    background: #ffffff;
    56.    overflow: hidden;
    57. }
    58.  
    59. #linkespalte {
    60.    width: 350px;
    61.    min-height: 250px;
    62.    margin-left: 0px;
    63.    padding-left: 15px;
    64.    margin-top: 20px;
    65.    min-height: 200px;
    66.    float: left;
    67.    background: #ffffff;
    68.    border-left: 2px solid #c00000;
    69.    overflow: hidden;
    70. }
    71. #rechtespalte {
    72.    width: 350px;
    73.    min-height: 250px;
    74.    margin-left: 40px;
    75.    padding-left: 15px;
    76.    margin-top: 20px;
    77.    min-height: 200px;
    78.    float: left;
    79.    background: #ffffff;
    80.    border-left: 2px solid #c00000;
    81.    overflow: hidden;
    82. }
    83.  
    84. #header {
    85.    margin-top: 10px;
    86. }
    87. #bodytext {
    88.    margin-bottom: 20px;
    89. }
    90.  
    91. #contentrahmen table tr td {
    92.    border: 1px solid #c00000;
    93.    cellpadding: 0px;
    94.    cellspacing: 10px;
    95. }
    96. #contentrahmen table thead {
    97.    border: 2px solid #900000;
    98.    /*background: #ffdddd;*/
    99.    cellpadding: 0px;
    100.    cellspacing: 0px;
    101. }
    102.  
    103. #footer {
    104.    width: 950px;
    105.    height: 150px;
    106.    margin-top: 80px;
    107.    padding-left: 400;
    108.    background: #ffffff;
    109.    font-family: verdana;
    110.    font-size: 11px;
    111.  
    112.  
    113.    float: left;
    114.    overflow: hidden;
    115. }

  • 1
Präsentiert von