tutorials.de Buch-Aktion 02/2012
ERLEDIGT
NEIN
ANTWORTEN
8
ZUGRIFFE
1703
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Avatar von Angeltv
    Angeltv Angeltv ist offline Mitglied Silber
    Registriert seit
    Jun 2003
    Ort
    Norderstedt HH
    Beiträge
    61
    Moin moin,

    beschäftige mich seit kurzem mit dem Thema Typo3, und bin auf folgendes Problem
    gestossen, als ich mir eine eigene Extension bauen wollte. Es geht um folgendes:

    Man soll im Backend die Möglichkeit haben, Teaserboxen zu erstellen, die dann auf der
    jeweiligen Seite angezeigt werden. Bei einem Klick auf die Teaserboxüberschrift soll man
    auf die im Hintergrund verlinkte Seite gelangen.

    So weit so gut, nun stellt sich aber mir die Frage, wie soll ich in der php Klasse
    class.tx_teasermod_pi1.php das TypoScript ansprechen, um die Überschrift in ein Gif
    umwandeln zu lassen.

    Bitte helft mir, ich verzweifle langsam.
     

  2. #2
    bierma bierma ist offline Mitglied
    Registriert seit
    Aug 2005
    Beiträge
    23
    Also so wie ich das verstanden habe möchtetst du lediglich eine verlinkte grafische Überschrift ausgeben oder noch mehr?
    Wenn das wirklich nur eine normale überschrift ist brauchst du keine extra Extension. Sondern musst nur per Typoscript die Überschrifteinstellungen anpassen so das eine Grafik nach deinen Wünschen generiert wird.
     

  3. #3
    Avatar von Angeltv
    Angeltv Angeltv ist offline Mitglied Silber
    Registriert seit
    Jun 2003
    Ort
    Norderstedt HH
    Beiträge
    61
    HI,

    danke schonmal für Deine Antwort.

    Ja es geht darum, das wir kleine Teaserkästchen brauchen, die irgendwo auf der Seite stehen. Diese sollen im BackEnd von Typo3 gepflegt werden, also habe ich eine eigene Extension geschrieben, die diese Kästchen verwaltet und anzeigt. Der Titel eine solchen Kästchens kommt dann ja auch aus der Datenbank, und dieses soll dann per GIFBuilder als Grafik gerendert werden.

    Also so dann:
    ________________________________
    | Titel als Grafik |
    |_______________________________|
    | Text ganz viel Text |
    | Text ganz viel Text |
    |_______________________________|

    Kann ich denn irgendwie per Typoscript ein Flag übergeben, der dann aus dem Value die Grafik generiert? Vielleicht <!--###GIFTEXT###-->Titel als Grafik<!--###GIFTEXT###-->

    Hab noch nicht so viel Ahnung von Typo3.
     

  4. #4
    bierma bierma ist offline Mitglied
    Registriert seit
    Aug 2005
    Beiträge
    23
    ________________________________
    | Titel als Grafik |
    |_______________________________|
    | Text ganz viel Text |
    | Text ganz viel Text |
    |_______________________________|

    Kann ich denn irgendwie per Typoscript ein Flag übergeben, der dann aus dem Value die Grafik generiert? Vielleicht <!--###GIFTEXT###-->Titel als Grafik<!--###GIFTEXT###-->
    Es geht beides!
    Du kannst einmal die Überschrift grafisch generieren lassen und du kannst dein eigenes "Typo3 Tag" erstellen wie z.B.
    Code :
    1
    
    <grafik>Text der als Grafik gerendert werden soll.</grafik>

    Wobei die Methode mit der grafischen Überschrift einfacher ist.

    Hier hast du den Code für eine grafische Überschrift in Typo3 mit Erklärung.
    Dieser muss in dein Typoscript-template ins Setup

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    
    # Altes Überschriften Objekt wir geleert.
    # 10 Steht quasi für Überschrift und die 5 steht für Überschriftentyp (layout) 5
    lib.stdheader.10.5 >
     
    # Neues Überschrift-Objekt wird erstellt vom Typ Image
    lib.stdheader.10.5 = IMAGE
     
    # Alt - und Title Tags für das HTML-Image-Tag setzen 
    # und zwar auf den Wert der Überschrift
    lib.stdheader.10.5.alttext.field = header
    lib.stdheader.10.5.titletext.field = header
     
    # Optional... Dem IMG-Tag eine CSS Klasse verpassen
    #lib.stdheader.10.5.params = class="sidebar-title"
     
    # Nun generieren wir eine Grafik mit dem GIFBUILDER
    ################################################
    lib.stdheader.10.5.file = GIFBUILDER
    lib.stdheader.10.5.file {
     
        # Größe des zukünfitgen Bildes
        XY = 156,18
        
        # Nun wird das Objekt erstellt wo die Überschrift
        # die wir im Typo3 Backend angegeben haben drin steht
        # field.header greift auf die Überschrift des Datensatzes zu
        20 = TEXT
        20.text.field = header
     
        # Abstand des Textes zum Oberen Linken Bildrand
        # (Pixelwerte)
        20.offset = 14, 10
     
        # Pfad zur Schriftart
        20.fontFile = fileadmin/ick/fonts/bitdust2f
     
        # SchriftartFarbe
        20.fontColor = #000000
     
        #Schriftgröße
        20.fontSize = 8
     
        # Alle Buchstaben werden großgeschrieben
        20.text.case = upper
    }
     

  5. #5
    Avatar von Angeltv
    Angeltv Angeltv ist offline Mitglied Silber
    Registriert seit
    Jun 2003
    Ort
    Norderstedt HH
    Beiträge
    61
    Hey schomal Vielen Dank,

    leider lüppts bei mir immer noch nicht. Ich poste Dir hier mal meinen Code, vielleicht kannste dann besser helfen. Ich glaub ich bin zu doof. Hab schon versucht die GIFBuilder PHP Klasse anzufassen. Langsam verzweifle ich.

    Hier is das TypoScript
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
    244
    245
    246
    247
    248
    249
    250
    251
    252
    253
    254
    255
    256
    257
    258
    259
    260
    261
    262
    
    page = PAGE
    page   {
        typeNum = 0
        bodyTag = <body bgcolor = "#FFFFFF" topmargin="0" leftmargin="0">
        stylesheet = fileadmin/templates/css/standard.css
        20 = TEMPLATE
        20.template = FILE
        20.template.file = fileadmin/templates/template_1.htm
        20.workOnSubpart = DOKUMENT
        20.marks{
            HEADLINE = CONTENT
            HEADLINE {
                table = tt_content
                select.orderBy = sorting
                select.where = colPos = 1
            }
        
            INHALT = CONTENT
            INHALT {
                table = tt_content
                select.orderBy = sorting
                select.where = colPos = 0
                }
            
            RIGHTBOXES = CONTENT
            RIGHTBOXES {
                table = tt_content
                select.orderBy = sorting
                select.where = colPos = 2
            }
            
            # das Logo einbinden
            FLASH = IMAGE
            FLASH.file = fileadmin/templates/art/hd_flash.jpg
            
            NAVIGATION = HMENU
            NAVIGATION.special  = directory
            NAVIGATION.special.value= 1
            NAVIGATION.wrap = <table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="index.php"><img src="fileadmin/templates/art/img_clubhaus.jpg"></a></td>|</tr></table>
            
            NAVIGATION.1    = GMENU
            NAVIGATION.1.NO {
                XY  = [10.w]+20, 31
                maxWidth = 139
                wrap          = <td>|</td>
                backColor = #629A5D
                10              = TEXT
                10.text.field = title
                10.text.case = upper
                10.align      = center
                10.fontSize = 10
                10.fontColor  = #B6D3B5
                10.niceText  = 1
                10.offset = 0,18
                
                # Eine weisse Linie erzeugen
                SPC = 1 // Das ist der Trenner
                SPC {
                    20 = IMAGE
                    20.offset = 1,9
                    20.doNotShowLink = 1
                    20.file = GIFBUILDER
                    20.file {
                        XY = 1,12
                        backColor = #B6D3B5
                    }
                }
            }
            
            NAVIGATION.1.RO < NAVIGATION.1.NO
            NAVIGATION.1.RO = 1
            NAVIGATION.1.RO{
                XY  = [10.w]+20, 31
                wrap          = <td>|</td>
                backColor = #004A15
                10              = TEXT
                10.text.field = title
                10.text.case = upper
                10.align      = center
                #10.fontFile   = fileadmin/template/fonts/arialf
                10.fontSize = 10
                10.fontColor  = #B6D3B5
                10.niceText  = 1
                10.offset = 0,18
                
                # Eine weisse Linie erzeugen
                20 = IMAGE
                20.offset = 1,9
                20.file = GIFBUILDER
                20.file {
                    XY = 1,12
                    backColor = #B6D3B5
                }
            }
            
            
            ### Golfanlagen 1.Ebene
            SITEGATION  = HMENU
            SITEGATION.entryLevel = 0
            SITEGATION.special  = directory
            SITEGATION.special.value= 10
            SITEGATION.wrap = <table border="0" cellpadding="0" cellspacing="0">|</table>
            SITEGATION.1    = GMENU
            SITEGATION.1.NO {
                XY  = 155, 22
                maxWidth = 155
                wrap          = <tr><td>|</td></tr>
                backColor = #004A15
                10              = TEXT
                10.text.field = title
                10.text.case = upper
                10.align      = left
                10.fontSize = 10
                10.fontColor  = #B6D3B5
                10.niceText  = 1
                10.offset = 10,14
                
                20 = IMAGE
                20.offset = 0,21
                20.file = GIFBUILDER
                20.file {
                    XY = 155,1
                    backColor = #FFFFFF
                }
            }
            SITEGATION.1.RO < SITEGATION.1.NO
            SITEGATION.1.RO = SITEGATION.1
            SITEGATION.1.RO{
                XY              = 155, 22
                wrap            = <tr><td>|</td></tr>
                backColor       = #629A5D
                10              = TEXT
                10.text.field   = title
                10.text.case    = upper
                10.align        = left
                #10.fontFile    = fileadmin/template/fonts/arialf
                10.fontSize     = 10
                10.fontColor    = #FFFFFF
                10.niceText     = 1
                10.offset       = 10,14
                
                20 = IMAGE
                20.offset = 0,21
                20.file = GIFBUILDER
                20.file {
                    XY = 155,1
                    backColor = #FFFFFF
                }
            }
            SITEGATION.1.ACT < SITEGATION.1.RO
                SITEGATION.1.ACT = SITEGATION.1
            SITEGATION.1.ACT{
                expAll          = 1
                XY              = 155, 22
                wrap            = <tr><td>|</td></tr>
                backColor       = #004A15
                10              = TEXT
                10.text.field   = title
                10.text.case    = upper
                10.align        = left
                #10.fontFile    = fileadmin/template/fonts/arialf
                10.fontSize     = 10
                10.fontColor    = #FFFFFF
                10.niceText     = 1
                10.offset       = 10,14
                
                20 = IMAGE
                20.offset = 0,21
                20.file = GIFBUILDER
                20.file {
                    XY = 155,1
                    backColor = #FFFFFF
                }
            }
            
            ### Golfanlagen 2.Ebene
            SITEGATION.2    = GMENU
            SITEGATION.2.wrap = <table border="0" cellpadding="0" cellspacing="0"><tr><td><img src="fileadmin/templates/art/dummy.gif" height=2 width=1></td></tr>|<tr><td><img src="fileadmin/templates/art/dummy.gif" height=3 width=1></td></tr></table>
            SITEGATION.2.NO {
                XY  = 155, 18
                maxWidth = 155
                wrap          = <tr><td>|</td></tr>
                backColor = #9EC09B
                10              = TEXT
                10.text.field = title
                10.text.case = upper
                10.align      = left
                10.fontSize = 9
                10.fontColor  = #004A15
                10.niceText  = 1
                10.offset = 10,12
            }
            
            
            ### Siteutilities
            SITEUTILITIES               = HMENU
            SITEUTILITIES.special       = directory
            SITEUTILITIES.special.value = 11
            SITEUTILITIES.1             = GMENU
            SITEUTILITIES.1.NO {
                XY              = [10.w]+20, 20
                maxWidth        = 155
                linkWrap        = |&nbsp;|
                backColor       = #FFFFFF
                10              = TEXT
                10.text.field   = title
                10.text.case    = upper
                10.align        = left
                10.fontSize     = 9
                10.fontColor    = #1D4A27
                10.niceText     = 1
                10.offset       = 10,14
            }
            #BOTTOM.1.NO.ATagParams = class="sitemapLink"
        
            # Altes Überschriften Objekt wir geleert.
            # 10 Steht quasi für Überschrift und die 5 steht für Überschriftentyp (layout) 5
            lib.stdheader.10.5 >
     
            # Neues Überschrift-Objekt wird erstellt vom Typ Image
            lib.stdheader.10.5 = IMAGE
     
            # Alt - und Title Tags für das HTML-Image-Tag setzen 
            # und zwar auf den Wert der Überschrift
            lib.stdheader.10.5.alttext.field = header
            lib.stdheader.10.5.titletext.field = header
        
            # Optional... Dem IMG-Tag eine CSS Klasse verpassen
            #lib.stdheader.10.5.params = class="sidebar-title"  
     
            # Nun generieren wir eine Grafik mit dem GIFBUILDER
            ################################################
            lib.stdheader.10.5.file = GIFBUILDER
            lib.stdheader.10.5.file {
        
            # Größe des zukünfitgen Bildes
            XY = 156,18
            
            # Nun wird das Objekt erstellt wo die Überschrift
            # die wir im Typo3 Backend angegeben haben drin steht
            # field.header greift auf die Überschrift des Datensatzes zu
            20 = TEXT
            20.text.field = header
     
            # Abstand des Textes zum Oberen Linken Bildrand
            # (Pixelwerte)
            20.offset = 14, 10
     
            # Pfad zur Schriftart
            #20.fontFile = fileadmin/ick/fonts/bitdust2f
     
            # SchriftartFarbe
            20.fontColor = #000000
     
            #Schriftgröße
            20.fontSize = 8
     
            # Alle Buchstaben werden großgeschrieben
            20.text.case = upper
            }
        }
    }

    Und hier die HTML Ausgabe des Teasers.
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    
    <div id="divRightBoxes">
    <a id="c27"></a>
        <!--
            BEGIN: Content of extension "sfi_textteaser", plugin "tx_sfitextteaser_pi1"
        -->
        <div class="tx-sfitextteaser-pi1">
            <div class="tx-sfitextteaser-pi1-listrow">
                <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td class="teaserBoxHeadlineText">
                            <a href="index.php?id=6" target="_self">
                                <header>HIER SOLL DIE GRAFIK HIN</header>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="teaserBoxText">
                            sdfsdfgvsdfvdfvdfbdfbdfbdf
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        
        <!-- END: Content of extension "sfi_textteaser", plugin "tx_sfitextteaser_pi1" -->
        <img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />
    </div>
     

  6. #6
    bierma bierma ist offline Mitglied
    Registriert seit
    Aug 2005
    Beiträge
    23
    Mein Codeschnipsel nicht in der verschachtelung anwenden!
    Ganz unten im TS-Template einfügen.
    Was ich vergessen habe zu sagen ist das du denn auch den Überschriftentyp (layout) auf 5 setzten musst in deinen Datensatz
     

  7. #7
    Avatar von Angeltv
    Angeltv Angeltv ist offline Mitglied Silber
    Registriert seit
    Jun 2003
    Ort
    Norderstedt HH
    Beiträge
    61
    HI ja jetzt klappt das, Danke,

    aber der Titel der in ein Bild gerendert wird ist die Überschirft des Moduls, nicht der einzelnen Kästchen. Kurz zur Erklärung ich hab eine Extension die als Plugin eingebunden wird. In der selben Seite erstelle ich neue Datensätze die die Inhalte der Teaserkästchen beinhalten.

    Wie kann ich denn einen neuen Datensatz des Plugins ansprechen?

    Gruss sVen
     

  8. #8
    bierma bierma ist offline Mitglied
    Registriert seit
    Aug 2005
    Beiträge
    23
    Also ich glaube ich habe noch nicht den Sinn und Zweck deiner Extension geschnallt.

    Laut deiner ASCII Kunst sah es ja so aus:
    ________________________________
    | Titel als Grafik |
    |_______________________________|
    | Text ganz viel Text |
    | Text ganz viel Text |
    |_______________________________|
    Und so hast du das ja auch wenn du ein INhaltselemt vom typen Text einfügst und deine Überschrift einfügst und den type auf 5 setzt und dein ganz vielen Text einfügst
     

  9. #9
    Avatar von Angeltv
    Angeltv Angeltv ist offline Mitglied Silber
    Registriert seit
    Jun 2003
    Ort
    Norderstedt HH
    Beiträge
    61
    HI,

    jo ich erklärs nochmal. No Problem. Brauch ja unbedingt Hilfe und bin echt glücklich wenn mir ein helfen kann.

    Ich habe mit dem KickstartManager eine Extension geschrieben, die als Plugin auf der Startseite in der Spalte "Rechts" eingefügt wurde. Auf der Startseite habe ich neue Datensätze angelegt, die TeaserSite heissen. Das sind Datensätze welche das Modul anzeigt.

    So passiert es wenn ich 3 TeaserSite Datensätze auf der Startseite angelegt und das Modul auf die Spalte Rechts eingebunden habe, dass auf der Startseite im FrontEnd Drei Kästchenangezeigt werden. Einer für jeden Datensatz. So ein Datensatz hat nur 3 Werte.
    Wert1 Titel, Wert2 Text und Wert3 Bild. So und den Wert1, also den Titel will ich als GIF generieren lassen und mir abspeichern.

    Was Du mir gegeben hast, war ein TypoScript, welches die Überschrift des Plugin generiert, nicht aber den Wert1 jeden Datensatzes.

    Hoffe ich konnte es gut genug beschreiben.

    Und nochmals vielen Dank
     

Ähnliche Themen

  1. Bilder on the fly generieren
    Von navyseal1 im Forum PHP
    Antworten: 1
    Letzter Beitrag: 11.08.09, 18:21
  2. Php Bilder dynamisch generieren
    Von Element Ingenium im Forum PHP
    Antworten: 6
    Letzter Beitrag: 09.04.08, 16:15
  3. Typo3 Menü generieren
    Von flou im Forum Content Management Systeme (CMS)
    Antworten: 1
    Letzter Beitrag: 27.10.07, 13:22
  4. [VB 2005] Vielfaches Generieren und Ausgeben einer Klasse
    Von fReAkY91 im Forum .NET Windows Forms
    Antworten: 2
    Letzter Beitrag: 22.12.06, 12:14
  5. Session Klasse generieren
    Von Luna2004 im Forum PHP
    Antworten: 11
    Letzter Beitrag: 06.06.05, 20:41