Zum Inhalt springen

Bilder für einzelne Kategorien

Erstellt am 15. März 2004 · 5 Antworten · letzte Antwort am 30. Juni 2006

Tags: Bilder, Frage

menphrad ·

Hi,

Bei einem Template soll für jede Kategorie auf Level 1 ein anderes Bild erscheinen. Die Unterkategorien auf Level 2 übernehmen alle das Bild von Level 1.

Also das allseits bekannte:
+A.....Apfel
-+a....Apfel
-+b....Apfel
+B.....Birne
-+a....Birne
+C.....Sonne
... oder andere aus dem Kindergarten bekannte Symbole! ;-) (Es werden natürlich keine Birnen dargestellt, sondern Marketing-Fotos *g*)

Diese sollen entweder als normales <img />, oder als background eines <table> dargestellt werden.

Wie bzw. wo kann ich diese Kategorie-Bilder definieren? Gibts dafür Extensions?

Schönen Frühlingstag noch! (Bei uns in Wien ist's sonnig! 8-) )

Vielen Dank und freundliche Grüße,

menphrad

sacha ·

Hi,

nehmen wir mal an, der Marker, der mit dem Marketingbild gefüllt werden soll, heisst ATMOBILD:

1.)

  #Dieses Beispiel erzeugt ein komplettes img-Tag
  marks.ATMOBILD = COA
  marks.ATMOBILD {
    10 = IMAGE
    #Seitentitel als Alttext des Bildes verwenden
    10.alttext.cObject = TEXT
    10.alttext.cObject.value = {page:title}
    10.alttext.cObject.insertData = 1
    #Max. Breite festlegen.
    10.file.maxW = 186
    #Standardbild definieren (nimm mich wenn du nix anderes findest)
    10.file.import {
      cObject = TEXT
      cObject.value = fileadmin/pfad/deinstandardbild.jpg   
      cObject.override {
        required = 1
        #ziehe das Bild aus dem Dateifeld der aktuellen Seite
        #wenn da kein Bild ist, rutsch den Seitenbaum hoch
        #solange bis du ein Bild findest. 
        data = levelmedia: -1, "slide"
        wrap = uploads/media/ |
        #Nimm das erste Bild im Dateifeld (fängt bei 0 an zu zählen)
        listNum = 0
      }
    }
    10 {
      #wenn du ein Bild findest, papp noch ein div drumrum
      stdWrap.required = 1
      stdWrap.wrap = <div id="cimage">|</div>
    }
  }

2.)

#Hier wird nur der Bildname und nicht das kompl. img-Tag
#erzeugt. Praktisch, wenn man mit 
#einem dynamischen css-background image arbeiten will

marks.ATMOBILD = COA
marks.ATMOBILD {
   10 = TEXT
   10.value = style="background-image: url(

   20 = TEXT
   20{
   value = fileadmin/img/atmopic.jpg
   override {
   required = 1
   data = levelmedia: -1, "slide"
   wrap = uploads/media/|
   listNum = 1
     }
   }

   30 = TEXT
   30.value =
     );background-repeat:no-repeat;background-position:bottom;"
}

Bei 2 muss der Marker dann im TD-Tag stehen:

<td id="menulinks" ###ATMOBILD###>

Jetzt brauchst du das Bild nur noch in deinen Kategorieseiten ins Feld Dateien einzubinden. Dieses Feld ist nur erreichbar, wenn der Seitentyp auf "erweitert" eingestellt ist.

hth,
Sacha

menphrad ·

Hi sacha,

Vielen Dank für das rasche Reply! ;-)
Wirkt ja garnicht sooo umständlich, aber alleine hätte ich da wohl laaange grübeln müssen!

Vielen Dank & schönen Tag,

menphrad

menphrad ·

Noch was ist mir gerade eingefallen:

Wenn ich zusätzlich zu den Bildern auch verschiedene Zitate anführen möchte, dann könnte ich das ja am Einfachsten so machen, dass ich das Zitat in das Bild hinein schreibe.
Gibt es allerdings auch eine Möglichkeit, diese Zitate zu den jeweiligen Kategorien als Text anzuzeigen und auch so für jede Kategorie 1 Zitat zu bestimmen?

Mit freundlichen Grüßen,

Manfred

sacha ·

Hi,

beim Seitentyp erweitert hast du hömmele Felder, die du mit Sicherheit nicht alle brauchen wirst. Da kannst du ja deine Zitate reinschreiben und per TS auslesen.

Ciao,
Sacha

Typo-Kathrin ·
sacha schrieb

Hi,

nehmen wir mal an, der Marker, der mit dem Marketingbild gefüllt werden soll, heisst ATMOBILD:

1.)

  #Dieses Beispiel erzeugt ein komplettes img-Tag
  marks.ATMOBILD = COA
  marks.ATMOBILD {
    10 = IMAGE
    #Seitentitel als Alttext des Bildes verwenden
    10.alttext.cObject = TEXT
    10.alttext.cObject.value = {page:title}
    10.alttext.cObject.insertData = 1
    #Max. Breite festlegen.
    10.file.maxW = 186
    #Standardbild definieren (nimm mich wenn du nix anderes findest)
    10.file.import {
      cObject = TEXT
      cObject.value = fileadmin/pfad/deinstandardbild.jpg   
      cObject.override {
        required = 1
        #ziehe das Bild aus dem Dateifeld der aktuellen Seite
        #wenn da kein Bild ist, rutsch den Seitenbaum hoch
        #solange bis du ein Bild findest. 
        data = levelmedia: -1, "slide"
        wrap = uploads/media/ |
        #Nimm das erste Bild im Dateifeld (fängt bei 0 an zu zählen)
        listNum = 0
      }
    }
    10 {
      #wenn du ein Bild findest, papp noch ein div drumrum
      stdWrap.required = 1
      stdWrap.wrap = <div id="cimage">|</div>
    }
  }

2.)

#Hier wird nur der Bildname und nicht das kompl. img-Tag
#erzeugt. Praktisch, wenn man mit 
#einem dynamischen css-background image arbeiten will

marks.ATMOBILD = COA
marks.ATMOBILD {
   10 = TEXT
   10.value = style="background-image: url(

   20 = TEXT
   20{
   value = fileadmin/img/atmopic.jpg
   override {
   required = 1
   data = levelmedia: -1, "slide"
   wrap = uploads/media/|
   listNum = 1
     }
   }

   30 = TEXT
   30.value =
     );background-repeat:no-repeat;background-position:bottom;"
}

Bei 2 muss der Marker dann im TD-Tag stehen:

<td id="menulinks" ###ATMOBILD###>

Jetzt brauchst du das Bild nur noch in deinen Kategorieseiten ins Feld Dateien einzubinden. Dieses Feld ist nur erreichbar, wenn der Seitentyp auf "erweitert" eingestellt ist.

hth,
Sacha

Hallo, ich habe das alles gerade gemacht und es erscheint kein bild. Der Platzhalter wird nicht ersetzt. Was mache ich vielleicht falsch?

Mein setup im Template:

# SprachVariable L initialisieren 
config.linkVars = L 

# Standardsprache UID 0 -> Deutsch
config.sys_language_uid = 0 
config.language = de
config.locale_all = deutsch

# Deutsch, sys_language.uid = 3
[globalVar = GP:L = 3] 
config.sys_language_uid = 3
config.language = en
config.locale_all = english
[global]



page = PAGE                                 
page{
includeCSS.f1 = fileadmin/template/isgus.css
#includeCSS.f2 = fileadmin/Ueber_Uns/style.css






        typeNum = 0
        bodyTag = <body>
   
        meta.AUTHOR = DeDeNet
        meta.DESCRIPTION = DeDeNet ist der Internetprofi für mittelständische Unternehmen.
        meta.KEYWORDS = DeDeNet, Internet, Intranet, Multimedia, Konzepte, Konzeption, Beratung, Strategie, Design, Webdesign, Newsletterdesign, Anfahrtsskizzen, CD-ROM-Design, Bild-Collagen, Flash-Animationen, Systeme, ,Content-Management-Systeme, Online-Kataloge, E-Commerce-Systeme, Newsletter-Systeme, Mobile-Commerce, Stammdatenmanagement, Warenwirtschaftsysteme, Foren, Community-Systeme, Mail-Server-Technologie, Security, Firewalls, Virenschutz, Spamfilter, Passwortsysteme, Rollensysteme, SSL-Verschlüsselung, Kreditkartenprüfung, Hosting, Domainregistrierung, Webhosting , Serverhosting, Mail-Server, Zugriffsstatistiken, Access, T-DSL-Business, Wählverbindungen, Standleitungen, LeasedLink, Festverbindungen



        10 = TEMPLATE
        10.template = FILE
        10.template.file = fileadmin/template/index.htm
        10.workOnSubpart = DOKUMENT

10.marks.MENU_LOESUNGEN = HMENU
10.marks.MENU_LOESUNGEN {
        special = directory
        special.value = 13
        entryLevel = 0
        1 = TMENU
        1 {
                noBlur = 1
                               NO = 1
                NO {
                      ATagTitle.field = abstract // description // title
                       linkWrap = <li>|</li>
                }
                CUR < .NO
                CUR.doNotLinkIt = 0
        }
        
        

       
} 

10.marks.SUB_MENU= HMENU
10.marks.SUB_MENU{
        special = directory
        special.value = 4
        entryLevel = 2
        1 = TMENU
        1 {
                noBlur = 1
              
                NO = 1
                NO {
                      ATagTitle.field = abstract // description // title
                        linkWrap = <li>|</li>
                }
                CUR < .NO
               CUR.doNotLinkIt = 0
        }
       
        

       
} 

10.marks.MENU_UNTERNEHMEN = HMENU
10.marks.MENU_UNTERNEHMEN {
        special = directory
        special.value = 12
        entryLevel = 0
        1 = TMENU
        1 {
                noBlur = 1
               
                NO = 1
                NO {
                      ATagTitle.field = abstract // description // title
                        linkWrap = <li>|</li>
                }
                CUR < .NO
                CUR.doNotLinkIt = 0
        }
        
       
} 

10.marks.MENU_EXTRAS = HMENU
10.marks.MENU_EXTRAS {
        special = directory
        special.value = 11
        entryLevel = 0
        1 = TMENU
        1 {
                noBlur = 1
               
                NO = 1
                NO {
                      ATagTitle.field = abstract // description // title
                        linkWrap = <li>|</li>
                }
                CUR < .NO
                CUR.doNotLinkIt = 0
        }

}

10.marks.LANGUAGE = PHP_SCRIPT
10.marks.LANGUAGE.file =fileadmin/script/example_languageMenu.php

10.marks.MENU_OBEN = HMENU
10.marks.MENU_OBEN {
        special = directory
        special.value = 4
        entryLevel = 0
        1 = TMENU
        1 {
                noBlur = 1
               
                NO = 1
                NO {
                      ATagTitle.field = abstract // description // title
                        linkWrap = <li> :: |</li>
                }
                CUR < .NO
                CUR.doNotLinkIt = 0
        }
               
} 

#Hier wird nur der Bildname und nicht das kompl. img-Tag
#erzeugt. Praktisch, wenn man mit 
#einem dynamischen css-background image arbeiten will
 
marks.ATMOBILD = COA
marks.ATMOBILD {
   10 = TEXT
   10.value = style="background-image: url(

   20 = TEXT
   20{
   value = fileadmin/img/hg_kopf.png
   override {
   required = 1
   data = levelmedia: -1, "slide"
   wrap = uploads/media/|
   listNum = 1
     }
   }

   30 = TEXT
   30.value =
     );background-repeat:no-repeat;background-position:bottom;"
} 






10.marks{
                       UEBERSCHRIFT= TEXT
                       UEBERSCHRIFT.field = title
                       UEBERSCHRIFT.wrap = |
                       
                       CONTENT = CONTENT
                       CONTENT{
                                    table = tt_content
                                    select.orderBy = sorting
                                    select.where = colPos = 0
                                    select.languageField = sys_language_uid
                                    } 
                       }

Danke!!!!!!!!!!!!!!!