Dynamisches Hintergrundbild mit bs_headerselector

Green3 · #1 10.12.07, 18:37

Hallo,
das scheint das beste Forum von allen zu sein und hat mir auch oftmals durch die vielen Einträge und die Kompetenz der Community geholfen. Leider stecke ich mittlerweile seit zwei Tagen in einer tiefen psychischen Krise diese Sch$%&§ zum laufen zu bringen.

Code:

# Default PAGE object:
PAGE = PAGE
PAGE {
    typeNum = 0
    bodyTag = <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    stylesheet = fileadmin/templates/08/css/textformat.css
    
    
    10 = TEMPLATE
    10.template = FILE
    10.template.file = fileadmin/templates/08/index.htm
    10.workOnSubpart = DOKUMENT
    10.marks {
        TRAILER = IMAGE
        TRAILER.file = GIFBUILDER
        TRAILER.file {
            XY = [10.w]+5, 35
            10 = TEXT
            10.text.field = title // subtitle
            10.fontSize = 14
            10.fontFile = fileadmin/fonts/corpos.ttf
            10.fontColor = #000000
            10.niceText = 1
            10.offset = 0, 27
        }

        # Menü und die Subdomains
        
        seite = PAGE

         MENUE = HMENU
         MENUE.special = directory
         MENUE.special.value = 13
         MENUE.entryLevel = 1
         MENUE.1 = GMENU
         MENUE.1.NO = 1
         MENUE.1.NO {
        XY = [20.w]+15, 20
         backColor = #FFFFFF
        10 = TEXT
         10.text.field = title // subtitle
         10.fontColor = #000000
         10.fontFile = fileadmin/fonts/corpos.ttf

         10.fontSize = 12
         10.niceText = 1
         10.offset = 5, 10
        
        20 = TEXT
        20.hide = 1
         20.text.field = title // subtitle
         20.fontFile = fileadmin/fonts/corposbold.ttf
         20.fontSize = 12
         20.offset = 5, 10
         }

         MENUE.1.RO < .MENUE.1.NO

         MENUE.1.RO {
             10.fontFile = fileadmin/fonts/corposbold.ttf
            10.XY = [10.w]+15, 20
         }


        MENUE.1.CUR < .MENUE.1.RO
        MENUE.2 < .MENUE.1
        
        MENUE.2 {
            NO.10.fontColor = #333333
            RO < .NO
            RO.10.fontFile = fileadmin/fonts/corposbold.ttf
            RO.10.fontColor = #000000
            CUR < .RO
        }

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

        #HINTERGRUND = COA
        #HINTERGRUND {
        #HTML-Objekt
        #5 = HTML
        #5.value = style="background:url(
        # Bild
        #12 = IMG
        #12.file.import.data = levelmedia: -1, slide
        #12 {
            #file.maxH = 200
            #file.maxW = 760
            #file.import=uploads/media/
            #file.import.data = levelmedia: -1,slide
            #file.import.listNum = 0
            #file.import.override.field = media
                      #}

              #HTML-Objekt
              #15 = HTML
              #15.value = );"
               #}

#HINTERGRUND = TEXT
#HINTERGRUND {
      #lib.headerPic = COA
     # lib.headerPic.10 = IMAGE
      #lib.headerPic.10 {
       #       file.maxW = 760
       #       file.import = uploads/media/     
       #       file.import.data = levelmedia:3,slide 
       #       file.import.listNum = 0
       #       file.import.override.field = media
     # } 
}
###################################################
#10.marks.HINTERGRUND= TEXT
#10.marks.HINTERGRUND {
#file.maxW = 760
#file.import = uploads/media/     
#file.import.data = levelmedia:-1,slide 
#file.import.listNum = 0
#file.import.field=media
#wrap =  style="background:url(uploads/media/|);
#}

#10.marks.HINTERGRUND = IMAGE
#10.marks.HINTERGRUND.file.import = uploads/media/
#10.marks.HINTERGRUND.file.import.data = levelmedia:-1, slide
#10.marks.HINTERGRUND.file.import.listNumber = 0
###################################################




}


 lib.stdheader >
 lib.stdheader = CASE
 lib.stdheader {
     key.field = header_layout
     1 = TEXT
     1.field = header
     1.wrap = <font face="Sans-Serif" size="10em"><b> | <b></font><br>
     2 = IMAGE
     2.file = GIFBUILDER
     2.file {
         XY = 220,[10.h]+[20.h]+2
         transparentBackground = 1
         transparentColor = #ffffff
         10 = TEXT
         10.text.field = header
         10.fontColor = #363636
         10.fontFile = fileadmin/fonts/corpos.ttf
         10.fontSize = 14
         10.offset = 2, 27
         10.niceText = 1        
         }

     2.wrap = |<br>
     3 = TEXT
     3.field = header
     3.wrap = <div class="headline">|</div>
     4 = TEXT
     4.field = header
     4.wrap = <div class="headline2">|</div>
     default < .1
 }

tmp_tt_content_text < tt_content.text
tt_content.text >
tt_content.text = COA
tt_content.text.10 < lib.stdheader
tt_content.text.20 = TEXT
tt_content.text.20 {
         field = bodytext
         fieldRequired = bodytext
         wrap = <div class="bodytext">|</div><br>
         parseFunc < tmp_tt_content_text.20.parseFunc
         editIcons < tmp_tt_content_text.20.editIcons
 }
 


config.simulateStaticDocuments = 1
config.simulateStaticDocuments_noTypeIfNoTitle = 1
# config.simulateStaticDocuments = PATH_INFO
# config.simulateStaticDocuments_addTitle=30


       #...
#PAGE.10.marks {
#  HINTERGRUND = COA
#  HINTERGRUND {
#  10 = IMG_RESOURCE
#   10 {
#     file {
#       maxW = 500 #maximale breite
#       import.cObject = TEXT
#       import.cObject.override {
#         required = 1
#         data = levelmedia : -1 , media , slide
#         wrap = uploads/media/ |
#       }
#     }
#   }
# } 
#}
#...

PAGE.10.marks {
      HINTERGRUND = COA
      HINTERGRUND  {
              # HTML-Objekt
              5 = HTML
              5.value = style="background:url(
            
             # Bild
              lib.media.file = IMG_RESOURCE
              lib.media.file {
                      maxH = 250
                      maxW = 771
                      import= /uploads/media/
                      import.data = levelmedia: -1,slide
                      import.listNum = 0
                      import.override.field = media
              }
        
              # HTML-Objekt
              15 = HTML
              15.value = ) 50% no-repeat;"
       }

Selbstverständlich habe ich auch in das Template folgendes eingefügt

Code:

<div id="header-div"><img src="fileadmin/templates/02/art/logo.jpg" width="209" height="38"></div>
<div id="body-div"> 
  <div id="body-content-div" ###HINTERGRUND###> ###INHALT###</div>
<div id="footer-div">###MENUE###</div>

Ich bekomme jedoch nur ein minderwertiges:

Code:

...

<div id="body-div"> 
  <div id="body-content-div" style="background:url() 50% no-repeat;"> 
    <!--  CONTENT ELEMENT, uid:34/image [begin] -->
        <a id="c34"></a><div class="headline"></div>
        <!--  Image block: [begin] -->
            <div class="csc-textpic csc-textpic-center csc-textpic-above"><div class="csc-textpic-imagewrap" style="width:400px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:400px;"><dt><img src="uploads/pics/head_aktuell_up.jpg" width="400" height="120" border="0" alt="" /></dt></dl></div></div><div class="csc-textpic-clear"><!-- --></div>
        <!--  Image block: [end] -->
            ...

Wie Ihr im Typoscript seht, habe ich schon einige Variationen die ich im Netz finden konnte ausprobiert, doch nie wird von Typo3 der Wert für levelmedia ausgegeben und lediglich der Marker angesprochen. Die meisten meiner Tests hier sind schon längst verändert und verendet. Ich fühle mich schon wie ein Schimpanse der nur noch wirre experimente macht und hofft "Es muß doch was passieren".
Schon mal vielen Dank für eure Hilfe im Voraus.

Green3 · #2 10.12.07, 19:08

Ich habe festgestellt, dass ich die Extension Simple Page Header Selector 0.8.1 installiert hatte und so die headerdatei integrieren konnte. Jedoch habe ich von Anfang an, im Content unter "Dateien", hinter erweitertem Menü, sicherheitshalber Bilddaten angefügt.

Green3 · #3 13.12.07, 09:23

...und das war gut so. Denn die Extension ist das einzige das wirklich half bei meinem Problem. In einigen Foren wird beschrieben wie das Baby integriert wird. Dies tat ich auch und sah dass es gut war. Mein Problem war nur... es war nicht an meine bedürfnisse angepasst und machte was es sollte. Eine Headergrafik.

Zumindest meinem Wissensstand nach, war mit TypoScript einfach nichts zu machen.
OK JUNGS, WIR GEHEN REIN!
Sagte ich mir und öffnete die erste php Datei. Erwartete eine Meldung wie: "Error Huston, Problem in Zeile 235". Doch dem war nicht so... idioten einfach, wenn die erst einmal Läuft.
Mein Problem war überflüssiges. WIR MACHEN KEINE GEFANGENEN! USELESS WILL BE DELETED!
Am Ziel angekommen öffnete ich die class.tx_bsheaderselector_pi1.php Datei unter den Koordinaten /typo3conf/ext/bs_headerselector/pi1/.
Dann einfach die Zeile 76

PHP-Code:

  $htmlCode = '<img style="width:'.$this->conf['width'].';height:'.$this->conf['height'].';border:0pt none;" src="'.  $path .'">';

Zurecht getrimmt.

PHP-Code:

  $htmlCode = 'style="background:url('.  $path .');"';

Werk vollbracht... Die Welt dreht sich weiter. AUF AUF UND DAVON!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
dynamisches Einbinden von HTML-Files	michischweiger	TYPO3 4.x Fragen und Probleme	5	03.07.08 16:31
Dynamisches Menue	mr.olli	TYPO3 4.x Fragen und Probleme	1	29.05.08 16:37
Dynamisches Menü Mit Text & Bild	pixelrocker	TYPO3 4.x Fragen und Probleme	10	03.12.07 14:40
Dynamisches Title Tag	ScubaBen	TYPO3 4.x Fragen und Probleme	1	02.12.07 01:23
dynamisches Menü (Bilder laden)	Tanderus	TYPO3 4.x Backend	3	07.12.06 13:15

Suche

Userpanel

Dynamisches Hintergrundbild mit bs_headerselector