Suche
Teilen
startseite » forum

Praxiswissen Typo3 | GRAFIKMENÜ - zweizeiligen Text

  • micneu micneu
    T3PO
    0 x
    9 Beiträge
    0 Hilfreiche Beiträge
    22. 09. 2005, 21:50

    Hallo Leute,

    Ich komme einfach nicht weiter, hänge noch bei einigen Problemen.

    Wie bekomme ich das Grafische menü hin mit zweizeiligem Text im Buch ist es abgedruckt aber ich finde meinen Fehler nicht.

    Hier mal mein Typoscript wie ich es abgetippt habe.
    Habe auch noch das Problem das die Grafik im Kopfbereich nicht Richtig angezeigt wird. Ihr könnt ja mal schaeun wie es aussieht.

    [url]http://www.mac-linux.de[/url]

    Ich danke euch Für jede Hilfe.

    1. 1 page = PAGE
    2.   2 page {
    3.   3    typeNum = 0
    4.   4    # Allgemeine Seiteneigenschaften setzen
    5.   5    bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
    6.   6    meta.AUTHOR = Robert Meyer
    7.   7    meta.DESCRIPTION = Hier steht eine Beschreibung
    8.   8    stylesheet = fileadmin/style.css
    9.   9    
    10.  10    # Die Designvorlage integrieren
    11.  11    10 = TEMPLATE
    12.  12    10.template = FILE
    13.  13    10.template.file = fileadmin/vorlage.html
    14.  14    10.workOnSubpart = DOKUMENT
    15.  15    
    16.  16    10.marks {
    17.  17 		# Den Platzhalter DATUM ansprechen
    18.  18 		DATUM = TEXT
    19.  19 		DATUM.data = date : d.m.Y
    20.  20 		
    21.  21 		# Das Logo einlesen
    22.  22 		LOGO = IMAGE
    23.  23 		LOGO.file = fileadmin/images/logo.jpg
    24.  24 		LOGO.file.width = 178
    25.  25 		LOGO.offset = 659, 0
    26.  26    
    27.  27 		# Den Trailer dynamisch ansprechen
    28.  28 		TRAILER = IMAGE
    29.  29 		TRAILER.file = GIFBUILDER
    30.  30 		TRAILER.file {
    31.  31 			XY = 759, 99
    32.  32 			backColor = #FFFFFF
    33.  33    
    34.  34 			# Das Hintergrundbild einlesen
    35.  35 			10 = IMAGE
    36.  36 			10.file.import = uploads/media/
    37.  37 			10.file.import.data = levelmedia:-1, slide
    38.  38 			10.file.import.listNum = 0
    39.  39 			10.file.width = 759
    40.  40 			10.offset = 0, -150
    41.  41 
    42.  42 			# Den Verlauf einarbeiten
    43.  43 			20 = IMAGE
    44.  44 			20.file = GIFBUILDER
    45.  45 			20.file.backColor = #FFFFFF
    46.  46 			20.file.XY = 759,99
    47.  47 			20.mask = fileadmin/images/mask.jpg
    48.  48 
    49.  49 			# Text auf den Trailer rendern
    50.  50 			30 = TEXT
    51.  51 			30.text.field = subtitle // title
    52.  52 			30.fontFile = fileadmin/fonts/verdana.ttf
    53.  53 			30.fontSize = 24
    54.  54 			30.fontColor = #364497
    55.  55 			30.niceText = 1
    56.  56 			30.offset = 10, 85
    57.  57 			}
    58.  58  
    59.  59 		# Das Textmen¸ oben erstellen
    60.  60 		MENU_OBEN = HMENU
    61.  61       MENU_OBEN {
    62.  62          special = directory
    63.  63          special.value = 3
    64.  64          1 = TMENU
    65.  65          1.NO = 1
    66.  66          1.NO.linkWrap =  | ||*| | ||*| |
    67.  67       }
    68.  68       
    69.  69       # Das grafische Men¸ erstellen
    70.  70 		MENU_LINKS = HMENU
    71.  71 		MENU_LINKS {
    72.  72 			wrap = <img src="fileadmin/images/linie_weiss.gif" width="178" height="1" alt="" /><br />|
    73.  73 			special = directory
    74.  74 			special.value = 8
    75.  75 			entryLevel = 1
    76.  76 			1 = GMENU
    77.  77 			1.NO = 1
    78.  78 			1.NO {
    79.  79 				wrap = | <br />
    80.  80 				XY = 178, 24+[16.h]
    81.  81 				backColor = #364497
    82.  82       
    83.  83 				# Text auf den Men¸punkt rendern
    84.  84 				10 = TEXT
    85.  85 				10.text.field = title
    86.  86 				10.text.listNum = 0
    87.  87 				10.text.listNum.splitChar = |
    88.  88 				10.fontColor = #FFFFFF
    89.  89 				10.fontFile = fileadmin/fonts/verdana.ttf
    90.  90 				10.fontSize = 12
    91.  91 				10.niceText = 1
    92.  92 				10.offset = 14, 16
    93.  93       
    94.  94 				# Eine ggf. vorhandene zweite Textzeile
    95.  95 				15 < .10
    96.  96 				15.text.listNum = 1
    97.  97 				15.offset = 14, 32
    98.  98       
    99.  99 				# Hilfsebene zur Berechnung der Hˆhe von Men¸punkten
    100. 100 				16 < .10
    101. 101 				16.text.case = upper
    102. 102 				16.text.listNum = 1
    103. 103 				16.fontSize = 22
    104. 104 				16.offset = 1000,1000
    105. 105       
    106. 106 				# Eine weisse Linie erzeugen
    107. 107 				20 = IMAGE
    108. 108 				20.file = GIFBUILDER
    109. 109 				20.file {
    110. 110 					XY = 178, 1
    111. 111 					backColor = #FFFFFF
    112. 112 					}
    113. 113 				20.offset = 0, 23+[16.h]
    114. 114 				}
    115. 115    
    116. 116 			# Einen RollOver-Zustand beschreiben
    117. 117 			1.RO < .1.NO
    118. 118 			1.RO.backColor = #061467
    119. 119    
    120. 120 			# Die zweite Ebene als Kopie der ersten Ebene beschreiben
    121. 121 			2 < .1
    122. 122 			2.NO {
    123. 123 				backColor = #D3E2F9
    124. 124 				10.fontColor = #061467
    125. 125 				10.fontSize = 11
    126. 126 				}
    127. 127 			2.RO < .2.NO
    128. 128 			2.RO.backColor = #C1D5F4
    129. 129 			}
    130. 130 
    131. 131 	# Den Platzhalter KLICKPFAD ansprechen
    132. 132 	# Objekt COA wird zwischengeschaltet, um einen zus‰tzlichen
    133. 133 	# Text angeben zu kˆnnen.
    134. 134 	KLICKPFAD = COA
    135. 135 	KLICKPFAD {
    136. 136    # Der vorgeschaltete Text
    137. 137    10 = TEXT
    138. 138    10.value = Sie befinden sich hier: 
    139. 139    
    140. 140    # Den Klickpfad an Position 20 darstellen
    141. 141    20 = HMENU
    142. 142    20 {
    143. 143       special = rootline
    144. 144       special.range = 2|-1
    145. 145       1 = TMENU
    146. 146       1.NO = 1
    147. 147       1.NO.linkWrap = | / 
    148. 148 		}
    149. 149 		
    150. 150 		# Inhalt ausgeben
    151. 151       INHALT = CONTENT
    152. 152       INHALT {
    153. 153          table = tt_content
    154. 154       }
    155. 155    }
    156. 156 }
    157. 157    
    158. 158 	# Seiteninhalte beschreiben, wird später wieder gelöscht
    159. 159 	tt_content = CASE
    160. 160 	tt_content {
    161. 161 		key.field = header_layout
    162. 162 		default = COA
    163. 163 		default {
    164. 164 			INHALT = TEXT
    165. 165 			INHALT.field = header
    166. 166 			INHALT.wrap = <h1>|</h1><br />
    167. 167 			INHALT = TEXT
    168. 168 			INHALT.field = bodytext
    169. 169 			INHALT.wrap = <p>|</p>
    170. 170 			}	
    171. 171 		2 = COA
    172. 172 		2 {
    173. 173 			10 = TEXT
    174. 174 			10.field = header
    175. 175 			10.wrap = <h1><font color="red">|</font></h1><br />
    176. 176 			20 = TEXT
    177. 177 			20.field = bodytext
    178. 178 			20.wrap = <p>|</p><hr size="1" />
    179. 179 			}
    180. 180 	}

  • 1
  • steffenk steffenk
    Obi-Wan Kenobi
    0 x
    4666 Beiträge
    0 Hilfreiche Beiträge
    22. 09. 2005, 22:36

    das ist kompliziert, da der Text ja dynamisch beschrieben wird.
    Nur mal so als Frage - warum muss es denn ein grafisches Menü sein ?
    Das was Du willst bekommst Du auch mit einem Textmenü und CSS-Formatierung hin, und dann hast Du auch Deine gewünschten Umbrüche automatisch ;)

  • 1
Präsentiert von